Другая функция, поддерживаемая Bootstrap, группы ввода. Группа ввода простирается от управления формой. С группами ввода, легко добавить текст или кнопки в качестве префиксов и суффиксов в текстовые поля ввода.
Добавить префикс и суффикс в поле ввода
<div style = "padding: 100px 100px 10px;"> <form rol = "form"> <div> <pan>@</span> <input type = "text" Placeholder = "TwitterHandle"> </div> <br> <div> <input type = "text"> <pran>. type = "text"> <pan> .00 </span> </div> </form> </div>
Флакторы и плагины радио используются в качестве префиксов или элементов суффикса для групп ввода
<div style = "padding: 100px 100px 10px;"> <form rol = "form"> <div> <div> <div> <pan> <input type = "fackbox"> </span> <input type = "text"> </div> <!-/input-group-> </div> <! type = "radio"> </span> <input type = "text"> </div> <!-/input-group-> </div> <!-/.col-lg-6-> </div> <!-/.row-> </form> </div>
Кнопки используются в качестве элементов префикса или суффикса для групп ввода
<div style="padding: 100px 100px 10px;"><form role="form"><div><div><div><span><button type="button">Go!</button></span><input type="text"></div><!-- /input-group --></div><!-- /.col-lg-6 --><br><div><div><input type="text"><span><button type = "button"> go! </button> </span> </div> <!-/input-group-> </div> <!-/.col-lg-6-> </div> <!-/.row-> </form> </div> class = "input-group-btn" <div> <div> <button-type = button "toggle =" Меню <pan> </span> </button> <ul> <li> <a href = "#"> function </a> </li> <li> <a href = "#"> Другое </a> </li> <li> </li> <li> <a href = "#"> Другое </a> </li> </li> <li> href="#">Other</a></li><li></li><li><a href="#">Disased link</a></li></ul></div><!-- /btn-group --><input type="text"></div><!-- /input-group --><div><div><button type="button" data-toggle="dropdown"><span></span> Go <pan> </span> <ul> <li> Название раскрывающегося меню </li> <li> <a href = "#"> a </a> </li> <li> <li> <a href = "#"> b </a> </li> </ul> </div> <input = "text"> </div> <br> <div> <div> <div> <div> <div> <div> <div> <div> <div> <div> <div> <div> <div> <div> <div> <div> <div> <div> <div> <div> <dip> </ul> Go </button> <button type = "button" data-toggle = "Dropdown"> <pan> </span> </button> <ul> <li> Название раскрывающегося меню </li> <li> <a href = "#"> a </a> </li> <li> <li> <a href = "#"> b </a> </li> </ul> </div> <dip> <dip> <dip> <dip> <dip> <dip> <dip> <dip> <dip> <dip> <dip> <dip> <dip> <dip> <dip> <dip>
Выше приведено в группе Bootstrap ввода, представленной редактором. Я надеюсь, что это будет полезно для всех!