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

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>