react bootstrap

react-bootstrap

ส่วนประกอบ Bootstrap 5 ที่สร้างด้วย React

ความเข้ากันได้ของ bootstrap

React-Bootstrap เข้ากันได้กับ Bootstrap รุ่นต่างๆ ดังนั้นคุณต้องแน่ใจว่าคุณใช้การผสมผสานที่ถูกต้องของเวอร์ชัน

ดูตารางด้านล่างของ React-Bootstrap เวอร์ชันใดที่คุณควรใช้ในโครงการของคุณ

เวอร์ชัน bootstrap	React-Bootstrap เวอร์ชัน	เอกสาร
v5.x	2.x	การเชื่อมโยง
v4.x	1.x (ไม่ได้รับการดูแลรักษา)	การเชื่อมโยง
v3.x	0.33.x (ไม่ได้รับการดูแล)	การเชื่อมโยง

การย้ายจากเวอร์ชันก่อนหน้า

bootstrap 4 ถึง bootstrap 5

หากคุณต้องการอัปเดต React-Bootstrap ภายในโครงการที่มีอยู่เพื่อใช้ Bootstrap 5 โปรดอ่านเอกสารของเราเพื่อ ย้ายไปยัง React-Bootstrap v2

bootstrap 3 ถึง bootstrap 4

หากคุณต้องการอัปเดต React-Bootstrap ภายในโครงการที่มีอยู่เพื่อใช้ Bootstrap 4 โปรดอ่านเอกสารของเราเพื่อ ย้ายไปยัง React-Bootstrap v1

โมดูลที่เกี่ยวข้อง

• React-Router-Bootstrap-การรวมเข้ากับ React Router
• ส่วนประกอบ bootstrap ที่ยอดเยี่ยม - ส่วนประกอบเพิ่มเติมเช่น Off -Canvas Navbar, Switch และ Sliders

การตั้งค่าท้องถิ่น

เส้นด้ายเป็นผู้จัดการแพ็คเกจที่เราเลือกที่นี่ ตรวจสอบคำแนะนำการตั้งค่าที่นี่หากคุณไม่ได้ติดตั้งแล้ว หลังจากนั้นคุณสามารถเรียกใช้ yarn run bootstrap เพื่อติดตั้งการพึ่งพาที่จำเป็นทั้งหมด

จากที่นั่นคุณสามารถ:

• เรียกใช้การทดสอบหนึ่งครั้งด้วย yarn test (หรือเรียกใช้ในโหมดนาฬิกาด้วย yarn run tdd )
• เริ่มต้นสำเนาของไซต์เอกสารด้วย yarn start
• หรือสร้างสำเนาท้องถิ่นของไลบรารีด้วย yarn run build

ตัวอย่างรหัส

คลิกที่นี่เพื่อสำรวจตัวอย่างรหัสและกล่องแบบ react-bootstrap

คลิกที่นี่เพื่อเปิด codesandbox โดยอัตโนมัติด้วยตัวอย่างรหัส react-bootstrap repository GitHub เป็นพื้นที่ทำงาน

ผลงาน

ได้โปรด! ดูแนวทางที่มีส่วนร่วมสำหรับรายละเอียด