Bootstrap คืออะไร?
Bootstrap เป็นเฟรมเวิร์กส่วนหน้าสำหรับการพัฒนาอย่างรวดเร็วของเว็บแอปพลิเคชันและเว็บไซต์ Bootstrap ขึ้นอยู่กับ HTML, CSS และ JavaScript
ประวัติศาสตร์
Bootstrap ได้รับการพัฒนาโดย Mark Otto และ Jacob Thornton ของ Twitter Bootstrap เป็นผลิตภัณฑ์โอเพ่นซอร์สที่วางจำหน่ายใน GitHub ในเดือนสิงหาคม 2011
เนื้อหาของแพ็คเกจ bootstrap
โครงสร้างพื้นฐาน: Bootstrap จัดเตรียมโครงสร้างพื้นฐานด้วยระบบกริดสไตล์การเชื่อมโยงและพื้นหลัง สิ่งนี้จะถูกอธิบายโดยละเอียดในส่วนโครงสร้างพื้นฐาน bootstrap
CSS: Bootstrap มาพร้อมกับคุณสมบัติดังต่อไปนี้: การตั้งค่า CSS ทั่วโลก, คำจำกัดความของรูปแบบองค์ประกอบ HTML พื้นฐาน, คลาสที่ขยายได้และระบบกริดขั้นสูง สิ่งนี้จะถูกอธิบายโดยละเอียดในส่วน Bootstrap CSS
ส่วนประกอบ: Bootstrap มีส่วนประกอบที่นำกลับมาใช้ใหม่ได้มากกว่าหนึ่งโหลสำหรับการสร้างภาพเมนูแบบเลื่อนลงการนำทางกล่องเตือนกล่องป๊อปอัพและอื่น ๆ สิ่งนี้จะถูกอธิบายโดยละเอียดในส่วนองค์ประกอบเลย์เอาต์
ปลั๊กอิน JavaScript: Bootstrap มีปลั๊กอิน jQuery ที่กำหนดเองมากกว่าหนึ่งโหล คุณสามารถรวมปลั๊กอินทั้งหมดโดยตรงหรือทีละตัว สิ่งนี้จะอธิบายอย่างละเอียดในส่วนปลั๊กอิน bootstrap
การปรับแต่ง: คุณสามารถปรับแต่งส่วนประกอบ bootstrap ตัวแปรน้อยลงและปลั๊กอิน jQuery เพื่อรับเวอร์ชันของคุณเอง
ในโครงการเรามักจะเห็นตัวเลือกจังหวัดเทศบาลและมณฑล ในความเป็นจริงมีหลายวิธีในการใช้งานพวกเขา ตัวแก้ไขต่อไปนี้จะแนะนำ การสนับสนุนของ Bootstrap Cascade Pull-Down ในรูปแบบสมาร์ทของ Bootstrap การแนะนำเฉพาะมีดังนี้:
1. เมื่อเลือกระดับแรกคุณสามารถโหลดหรือใช้แหล่งข้อมูลที่สอดคล้องกันของระดับแรกจากวัตถุท้องถิ่นเพื่อแสดงลงในรายการและระดับที่สองและอื่น ๆ
2. นอกจากนี้ยังมีการโหลดรายการทั้งหมดลงในเลือกจากนั้นแสดงหรือซ่อนรายการที่ไม่เกี่ยวข้องกับระดับก่อนหน้าผ่านการเชื่อมโยง
ฉันรู้สึกว่าประเภทที่สองนั้นง่ายกว่าดังนั้นฉันจึงใช้วิธีที่สองเพื่อให้บรรลุและส่วนที่เหลือไม่ไร้สาระ
รหัสมีดังนี้ (ที่อยู่หน้า: https://github.com/xiexingen/bootstrap-smartform/blob/master/demo/form3-ele-cascade.html):
ภาพหน้าจอของการวิ่งในท้องถิ่น:
ข้างต้นเป็นคำอธิบายเต็มรูปแบบของการสนับสนุนของ Bootstrap Smart Form Series (11) Pull-Down ที่เรียงลำดับซึ่งบรรณาธิการแนะนำให้คุณรู้จัก ฉันหวังว่ามันจะเป็นประโยชน์กับคุณ หากคุณมีคำถามใด ๆ โปรดฝากข้อความถึงฉันและบรรณาธิการจะตอบกลับคุณทันเวลา ขอบคุณมากสำหรับการสนับสนุนเว็บไซต์ Wulin.com!