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>

[编辑]我的问题：

如何让导航栏不与链接和标签重叠？ [我的回答 - ＆gt;只需将它放在另一个容器中即可正常工作]
在nav-default中，导航栏的高度似乎有些夸张（即太高）。有没有办法改变它（例如设置特定的像素高度）？
有没有办法覆盖默认的导航栏颜色？

我会继续玩它以试图让它运转起来。非常感谢任何建议和意见。谢谢！

Answer 1

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

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

需要身体填充

固定的导航栏将覆盖您的其他内容，除非您在底部添加填充。尝试自己的价值或使用   我们的片段如下。提示：默认情况下，导航栏高50像素。

body {padding-bottom：70px; }

确保在核心Bootstrap CSS之后包含此内容。

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

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

如果您正在使用SASS或LESS引导程序，则可以更改变量以操纵元素的各种属性。

bootstrap导航栏重叠div标签

1 个答案: