คุณสมบัติอื่นที่รองรับโดย Bootstrap กลุ่มกล่องอินพุต กลุ่มกล่องอินพุตขยายจากการควบคุมแบบฟอร์ม ด้วยกลุ่มกล่องอินพุตมันเป็นเรื่องง่ายที่จะเพิ่มข้อความหรือปุ่มเป็นคำนำหน้าและคำต่อท้ายลงในกล่องอินพุตที่ใช้ข้อความ
เพิ่มคำนำหน้าและคำต่อท้ายลงในฟิลด์อินพุต
<div style = "padding: 100px 100px 10px;"> <form role = "form"> <div> <span>@</span> <อินพุต type = "text" placeholder = "Twitter Handle"> </div> <br> <br> <div> <อินพุตประเภท = "ข้อความ"> <pan> type = "text"> <span> .00 </span> </div> </form> </div>
กล่องกาเครื่องหมายและปลั๊กอินวิทยุใช้เป็นคำนำหน้าหรือองค์ประกอบต่อท้ายสำหรับกลุ่มกล่องอินพุต
<div style = "padding: 100px 100px 10px;"> <form role = "form"> <div> <div> <div> <pan> <อินพุต type = "ช่องทำเครื่องหมาย"> </span> <อินพุต type = "text"> </div> <! type = "Radio"> </span> <input type = "text"> </div> <!-/อินพุต-กลุ่ม-> </div> <!-/.col-lg-6-> </div> <!
ปุ่มถูกใช้เป็นคำนำหน้าหรือองค์ประกอบต่อท้ายสำหรับกลุ่มกล่องอินพุต
<div style = "padding: 100px 100px 10px;"> <form role = "form"> <div> <div> <div> <pan> <button type = "ปุ่ม"> ไป! type = "ปุ่ม"> go! </button> </span> </div> <!-/อินพุต-กลุ่ม-> </div> <!-/.col-lg-6-> </div> <!-/.row-> </form> เมนู <span> </span> </button> <ul> <li> <a href = "#"> ฟังก์ชั่น </a> </li> <li> <a href = "#"> อื่น ๆ </a> </li> <li> </li> <li> <a href = "#"> อื่น ๆ href = "#"> อื่น ๆ </a> </li> <li> </li> <li> <a href = "#"> ลิงก์ที่แยกออกมา </a> </li> </ul> </div> <! ไป <span> </span> <ul> <li> ชื่อเมนูแบบเลื่อนลง </li> <li> <a href = "#"> a </a> </li> <li> <li> <a href = "#"> b </a> </li> GO </button> <button type = "ปุ่ม" data-toggle = "dropdown"> <span> </span> </button> <ul> <li> ชื่อเมนูแบบดรอปดาวน์ </li> <li> <a href = "#"> a </a> </li> <li> <li>
ข้างต้นคือการแชร์รหัสของกลุ่มกล่องอินพุต bootstrap ที่แนะนำโดยตัวแก้ไข ฉันหวังว่ามันจะเป็นประโยชน์กับทุกคน!