<div style="padding: 100px 100px 10px;"> <form class="bs-example bs-example-form" role="form"> <div class="row"> <div class="col-lg-6"> <div class="input-group"> <span class="input-group-addon"> <input type="checkbox"></span> <input type="text" class="form-control"> ...
<div class="input-group mb-3"> <div class="input-group-prepend"> <div class="input-group-text"> <input type="checkbox"> </div> </div> <input type="text" class="form-control" placeholder="RUNOOB"> </div> <div class="input-group mb-3"> <div class="input-group-prepend"> <di...
1、如果checkbox需要水平排列,只需要在label标签上添加类名“checkbox-inline” 2、如果radio需要水平排列,只需要在label标签上添加类名“radio-inline” <form role="form"> <divclass="form-group"> <labelclass="radio-inline"> <input type="radio" value="option1" name="sex">男性</label> <labelclass...
--输入框组(作为额外元素的多选框)--><divclass="input-group"><spanclass="input-group-addon"><inputtype="checkbox"></span><inputtype="text"class="form-control"></div><br><!--输入框组(作为额外元素的单选框)--><divclass="input-group"><spanclass="input-group-addon"><inputtype="radio"...
Place any checkbox or radio option within an input group’s addon instead of text. <divclass="input-group mb-3"><divclass="input-group-prepend"><divclass="input-group-text"><inputtype="checkbox"aria-label="Checkbox for following text input"></div></div><inputtype="text"class="form-...
<div class="input-group mb-3"> <div class="input-group-prepend"> <div class="input-group-text"> <input type="checkbox" aria-label="Checkbox for following text input"> </div> </div> <input type="text" class="form-control" aria-label="Text input with checkbox"> </div> <div cla...
<div style="padding: 100px 100px 10px;"> <form class="bs-example bs-example-form" role="form"> <div class="row"> <div class="col-lg-6"> <div class="input-group"> <span class="input-group-addon"> <input type="checkbox"></span> <input type="text" class="form-control"> ...
<span class="input-group-addon"> <input type="checkbox" aria-label="..."> </span> <input type="text" class="form-control" aria-label="..."> </div><!-- /input-group --> </div><!-- /.col-lg-6 --> <div class="col-lg-6"> ...
Place any checkbox or radio option within an input group’s addon instead of text.Copy <div class="input-group mb-3"> <div class="input-group-prepend"> <div class="input-group-text"> <input type="checkbox" aria-label="Checkbox for following text input"> </div> </div> <input type...
Input Group with Checkboxes and Radios You can also use checkboxes or radio buttons instead of text: Example <divclass="input-group mb-3"> <divclass="input-group-prepend"> <divclass="input-group-text"> <inputtype="checkbox"> </div> ...