1

There's a white gap between Bootstrap navbar and Background as visible from the image below

http://i.stack.imgur.com/w7K5M.png

Anyone have an idea how to get rid of this?

Here's my code 

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

ALso, does anyone have any idea on how to change the color of the buttons on bootstrap?

Cheers!

4

2 回答 2

3

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

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

margin-bottom: @baseLineHeight;

在哪里

@baseLineHeight: 20px;

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

要摆脱这个，只需添加

.navbar { margin-bottom: 0; }

到引导后加载的任何样式表。

资料来源：

navbar.less，第 12 行

variables.less，第 53 行

如何更改盒子的颜色？

最简单的方法是修改 .less 文件。幸运的是，Bootstrap 背后的创建者通过配置页面让这一切变得超级简单。与您相关的变量是“表单状态和警报”下的“背景”和“文本”变量。请注意，在此处更改颜色将影响使用“警告”、“信息”等命名法来确定颜色的所有其他元素。例如，标签和徽章。

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

如果您使用较少的方式执行此操作，则只需创建一个新变量并将颜色分配给该变量（注意：虽然确实不需要在此处使用变量，但我建议使用一种方法良好做法）

于 2013-06-02T02:56:56.713 回答
-1

在容器所在的 div 中，您应该添加类似下一行的样式：

<div id="main" class="container-fluid"  style="margin-top:-15px">
于 2015-03-23T11:42:20.103 回答