แท็กฉลากและกลุ่มควบคุมสามารถวางในแนวนอนเคียงข้างเคียงข้างเคียงกันโดยการเพิ่มคลาส. horizontal ในรูปแบบและการใช้คลาสแรสเตอร์ที่ตั้งไว้ล่วงหน้าของ Bootstrap การทำเช่นนั้นจะเปลี่ยนพฤติกรรมของ. ฟอร์แมต-กลุ่มให้ทำตัวเป็นแถวในระบบแรสเตอร์ดังนั้นจึงไม่จำเป็นต้องเพิ่ม. Row เพิ่มเติม
รูปแบบแนวนอนไม่เพียง แต่แตกต่างกันในปริมาณจากรูปแบบอื่น ๆ แต่ยังอยู่ในรูปแบบการนำเสนอที่แตกต่างกัน หากต้องการสร้างแบบฟอร์มที่วางในแนวนอนให้ทำตามขั้นตอนต่อไปนี้:
1. เพิ่มคลาส. ฟอร์แมต-ฮอริซัลไปยังองค์ประกอบหลัก <form>
2. วางแท็กและควบคุมใน A <div> ด้วยคลาส. ฟอร์แมต-กลุ่ม
3. เพิ่มคลาส. ควบคุมการติดฉลากลงในฉลาก
รหัสการใช้งาน:
<form role = "form"> <div> <label for = "inputemail3"> อีเมล </label> <div> <อินพุต type = "อีเมล" id = "inputemail3" placeholder = "อีเมล"> </div> </div> <div> <div> <label> <อินพุต type = "ช่องทำเครื่องหมาย"> จดจำฉัน </label> </div> </div> </div> <div> <div> <div> <button type = "ส่ง"> ลงชื่อเข้าใช้ </button> </div> </div> </form>
หากคุณยังต้องการศึกษาในเชิงลึกคุณสามารถคลิกที่นี่เพื่อเรียนรู้และแนบหัวข้อที่ยอดเยี่ยมให้คุณ: การสอนการเรียนรู้ bootstrap
ข้างต้นเป็นเนื้อหาทั้งหมดของบทความนี้ ฉันหวังว่ามันจะเป็นประโยชน์ต่อการเรียนรู้ของทุกคนและฉันหวังว่าทุกคนจะสนับสนุน wulin.com มากขึ้น