html - Bootstrap 导航栏重叠 div 标签

Question

我已经研究了一段时间，觉得是时候寻求帮助了。 我有一个容器，其中有一个链接，链接下方有一个标签，标签下方是导航栏。 我尝试了一些设置，但未能正确设置。 有那么一刻，我以为我明白了。

[已编辑] 这是我一直在研究的代码:

  <div style=" background-color:#f0f0f1; width:inherit;">
        <div class="container">
        <!--Page Title Section -->

            <div class="container">
                <div style="float:left;">
                    <br />
                    <a href="#">Back to Link</a>
                    <p class="pagelabelspacer">
                        <asp:Label ID="PageTitleLabel" CssClass="pageTitle" runat="server">Page Title.</asp:Label>
                    </p>
                </div>
            </div><!-- /.container-collapse -->
        </div>

        <!--End Page Title Section-->

        <!--Nav Bar -->

        <div class="container">

            <nav class="navbar navbar-inverse navbar-default">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                </button>
            </div>
            <div class="navbar-collapse collapse">
                <ul class="nav navbar-nav">
                <li class="active"><a href="#">Home</a></li>
                <li><a href="#">Link 1</a></li>
                <li><a href="#">Link 1</a></li>
                <li><a href="#">Link 1</a></li>
                </ul>    
            </div>
            </nav>
        </div>

        <!--End Nav Bar -->
    </div>

[已编辑] 我的问题:

1. 如何让导航栏不与链接和标签重叠？ [我的答案 -> 只要把它放在另一个容器里就可以了]

2. 在 nav-default 上，导航栏的高度似乎被夸大了(即太高)。有没有办法改变它(例如设置特定的像素高度)？

3. 有没有办法覆盖默认的导航栏颜色？

我会继续使用它来尝试让它工作。 非常感谢任何建议和建议。 谢谢!

Answer 1

如何让导航栏不与链接和标签重叠？

http://getbootstrap.com/components/#navbar-fixed-bottom

Body padding required

The fixed navbar will overlay your other content, unless you add padding to the bottom of the . Try out your own values or use our snippet below. Tip: By default, the navbar is 50px high.

body { padding-bottom: 70px; }

Make sure to include this after the core Bootstrap CSS.

有没有办法覆盖默认的导航颜色？

http://getbootstrap.com/customize/#navbar

如果您使用的是 SASS 或 LESS bootstrap，则具有可以更改的变量以操纵元素的各种属性。