在镀铬物上的按钮之间的差距

时间:2012-11-12 13:30:30

标签: css firefox google-chrome twitter-bootstrap

我正在使用bootstrap创建一个btn-group,充当单选按钮(javascript组件)。

这在firefox中看起来很棒,但是在chrome中存在差距:

enter image description here

这是一个错误还是我在某个地方有一些额外的标记?

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>

2 个答案:

答案 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>