Css 镀铬按钮之间的间隙

Css 镀铬按钮之间的间隙,css,firefox,google-chrome,twitter-bootstrap,Css,Firefox,Google Chrome,Twitter Bootstrap,我正在使用引导创建一个btn组,充当单选按钮(javascript组件) 这在firefox中看起来很棒,但在chrome中有一个缺口: 这是一个bug还是我有一些额外的标记 HTML代码: <div id="loadOptions"> <div class="btn-group" data-toggle="buttons-radio"> <button type="button" value

我正在使用引导创建一个btn组,充当单选按钮(javascript组件)

这在firefox中看起来很棒,但在chrome中有一个缺口:

这是一个bug还是我有一些额外的标记

HTML代码:

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

所有标签
任何标签

我能够解决以下问题:

button
{
    margin: 0;
}

只需不按enter键并将第二个按钮标签放在第一个按钮标签前面,间隙就会消失:

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

所有hashtagsAny hashtag

即使我删除了所有css并仅保留引导,问题仍然存在。这是一个自定义下载,也许我遗漏了什么?只是一个理论,但它可能是由按钮之间标记中的换行符和空格字符引起的。试着把每个标签放在彼此后面,没有任何空格或换行符。我试过了,但我仍然得到了差距:(我正在使用Chrome和最新版本的TBS,没有发现问题().你有自己的CSS吗?如果有,这可能就是问题的根源…只是一个理论,可能是因为我没有完整的引导,只有按钮组件,如评论中所述。