Question

Bootstrap导航栏和背景之间存在白色差距，如下图所示

任何人都知道如何摆脱这个？

这是我的代码

<body>

    <div class="navbar">

        <div class="navbar-inner">

                <a class="brand" href="#">CrayOns</a>

                    <ul class="nav">

                            <li><a href="#">Home</a></li>
                            <li><a href="#">Link</a></li>
                            <li><a href="#">Link</a></li>

    </ul>

    </div>  

</div>

<center>

            <p>Currently under maintenance <br/>

另外，有没有人知道如何更改bootstrap上按钮的颜色？

干杯！

Answer 1

为什么我会看到这个额外的间距？

如果您使用的是未配置的Bootstrap版本，默认情况下，.navbar会设置此项：

margin-bottom: @baseLineHeight;

，其中

@baseLineHeight: 20px;

这可能会导致您看到的行为。

要摆脱这种情况，只需添加

即可

.navbar { margin-bottom: 0; }

到bootstrap后加载的任何样式表。

来源：

navbar.less, line 12

variables.less, line 53

如何更改框的颜色？

最简单的方法是修改.less文件。幸运的是，Bootstrap背后的创建者通过configuration page.使这个变得非常容易。相关的变量是'表格状态＆amp;下的'背景'和'文本'变量。警报”。请注意，更改此处的颜色将影响使用“警告”，“信息”等所有其他元素来确定颜色的命名法。例如，标签＆amp;徽章。

如果您只想更改按钮颜色，我可能会保留未修改的Bootstrap并为您的文件写入额外的css规则。例如，我可能会将.btn-warning定位为仅将适当的颜色应用于按钮。

如果你在更少的时候这样做，那只需要创建一个新变量并为该变量指定颜色（注意：虽然在这里使用变量是不对的，但我是提出一种良好做法的方法）

Answer 2

在div中，容器应该添加一个样式，如下一行：

<div id="main" class="container-fluid"  style="margin-top:-15px">

Bootstrap导航栏和背景之间的白色差距

2 个答案:

为什么我会看到这个额外的间距？

如何更改框的颜色？