Question

我试图在单选按钮组之间添加一些文本....我已经尝试了两个

<hr>

和

<br>

标签。但它不起作用......文本总是粘在按钮组上。这是我的代码

<div class="btn-group btn-group-sm" data-toggle="buttons">

          <label class="btn btn-default">
    <input type="radio" name="options" id="option1"> <span class="glyphicon glyphicon-music"> MP3</span></label>
         <label class="btn btn-default">
    <input type="radio" name="options" id="option2"> <span class="glyphicon glyphicon-music"> WAV</span></label>

<hr>
<p>Use conversion tools</p>

<label class="btn btn-default">
    <input type="radio" name="options" id="option3"> <span class="glyphicon glyphicon-film"> MKV</span></label>
        <label class="btn btn-default">
    <input type="radio" name="options" id="option4"> <span class="glyphicon glyphicon-film"> FLV</span></label>
 </div>

我的目的是在群组选择之间创建一些差距或使用分隔符。

Answer 1

尝试使用：

<hr class="separator">

这是关于bootstrap文档的内容。

Answer 2

您也可以使用

<hr class="featurette-divider">

Answer 3

试试这个：

<div class="clearfix"></div>
<br><br>

Answer 4

问题不明确，如果你有jsfiddle或截图会更好您应该使用表单控件，或至少列表控件来按需要订购元素

<div class="list-group">
    <div class="list-group-item"></div>
</div>

这里http://jsfiddle.net/52VtD/5658/可能有帮助。

Answer 5

<!-- HR -->
<div class='col-sm-12 pb-3'>
    <hr>
</div>

Twitter Bootstrap 3中按钮组之间的水平分隔符

5 个答案: