Question

需要删除此行，这些行在图像上标出。
这是一个按钮分隔符，我现在不需要它们，如何删除它？

图片在这里： http://i61.tinypic.com/25klh7s.png

班级结构是：

<nav class="navbar navbar-default">
<div class="container-fluid">
    <div class="navbar-header btn-group">
        <button type="button" class="btn transition" id="about">
            About me
        </button>
        <button type="button" class="btn transition" id="job">
            My job
        </button>
        <button type="button" class="btn transition" id="contact">
            Contact
        </button>
    </div>
</div>
</nav>

Answer 1

你必须查看你的css规则，因为按钮周围没有默认的引导线：jsfiddle。

顺便说一句，如果你看一下默认的bootstrap .btn样式定义，你只能看到透明的边框：

.btn {
    border: 1px solid transparent;
}

浏览器中使用开发人员工具的检查样式可以帮助您确定问题。

Answer 2

答案是：浏览器。
在Chrome中我有这个问题，在IE中没有。
但我通过添加一些样式规则来解决它。这是代码：

<nav class="navbar navbar-default">
<div class="container-fluid">
<div class="navbar-header btn-group">
    <button type="button" class="btn transition" style="margin-right: 1px" id="about">
        About me
    </button>
    <button type="button" class="btn transition" id="job">
        My job
    </button>
    <button type="button" class="btn transition" style="margin-right: 0px" id="contact">
        Contact
    </button>
</div>
</div>
</nav>

如何擦除btn-group中的按钮分隔符？

2 个答案: