我正在使用bootstrap创建一个btn-group,充当单选按钮(javascript组件)。
这在firefox中看起来很棒,但是在chrome中存在差距:
这是一个错误还是我在某个地方有一些额外的标记?
HTML code:
<div id="loadOptions">
<div class="btn-group" data-toggle="buttons-radio">
<button type="button" value="0" class="btn btn-primary" data-toggle="button">All hashtags</button>
<button type="button" value="1" class="btn btn-primary" data-toggle="button" id="any">Any hashtag</button>
</div>
</div>
答案 0 :(得分:2)
我能够解决问题:
button
{
margin: 0;
}
答案 1 :(得分:0)
只是不要按回车键并将第二个按钮标签放在第一个按钮标签前面,间隙将消失:
<div id="loadOptions">
<div class="btn-group" data-toggle="buttons-radio">
<button type="button" value="0" class="btn btn-primary" data-toggle="button">All hashtags</button><button type="button" value="1" class="btn btn-primary" data-toggle="button" id="any">Any hashtag</button>
</div>
</div>