Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/84.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 引导导航条重叠div标签_Html_Css_Twitter Bootstrap - Fatal编程技术网

Html 引导导航条重叠div标签

Html 引导导航条重叠div标签,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,我已经玩了一段时间,觉得是时候寻求帮助了。 我有一个容器,里面有一个链接,链接下面有一个标签,下面是导航栏。 我尝试了一些设置,但都没有成功。 有那么一会儿,我以为我成功了 [编辑]以下是我一直在玩弄的代码: <div style=" background-color:#f0f0f1; width:inherit;"> <div class="container"> <!--Page Title Section -->

我已经玩了一段时间,觉得是时候寻求帮助了。 我有一个容器,里面有一个链接,链接下面有一个标签,下面是导航栏。 我尝试了一些设置,但都没有成功。 有那么一会儿,我以为我成功了

[编辑]以下是我一直在玩弄的代码:

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


  • [编辑]我的问题:

  • 如何使导航条不与链接和标签重叠? [我的答案->只要把它放在另一个容器中就可以了]

  • 在导航默认情况下,导航条的高度似乎被夸大(即过高)。是否有办法更改它(例如,设置特定的像素高度)

  • 是否有方法覆盖默认导航栏颜色

  • 我会继续玩它,试着让它工作。 非常感谢您的任何建议和建议。
    谢谢

    如何使导航栏不与链接和标签重叠?

    需要车身衬垫

    固定导航栏将覆盖其他内容,除非在导航栏底部添加填充。尝试你自己的价值观或使用 下面是我们的片段。提示:默认情况下,导航栏的高度为50px

    正文{填充底部:70px;}

    确保在核心引导CSS之后包含此内容

    是否有方法覆盖默认导航颜色?


    如果您使用的是SASS或更少的引导,则可以更改变量以操纵元素的各种属性。

    请在此处包含代码,并且您的链接也不起作用。谢谢doctorep。我不敢相信我错过了getbootstrp.com网站上的链接。现在看起来很时髦。希望能帮你整理一下,我开始使用Boostrap时也遇到过同样的问题。