小编DDK*_*DDK的帖子

Navbar 和 Jumbotron 之间的差距

我正在构建我想你可以为我将要构建的网站调用一个模板,但是我对引导程序仍然很陌生,因此无法确定哪些 CSS 规则正在影响元素等。

我遇到的问题是我无法让 Jumbotron 装置与导航栏底部齐平。我在这里发现了一些关于同一问题的问题,但解决方案不起作用。

这是我的代码

    </head>

  <body>

    <div class="row">
    <div>

    <img src="http://placehold.it/1600x300" width="100%">

    </div>

    <!-- Static navbar -->
    <div class="navbar navbar-default navbar-static-top" role="navigation">
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
            <span class="sr-only">Toggle navigation</span>
            <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 nav-justified" id="myNav">

            <li class="active"><a href="#">Home</a></li>
            <li><a href="#about">About</a></li>
            <li><a href="#contact">Contact</a></li>
            <li><a href="#contact">Services</a></li>
          </ul>
        </div><!--/.nav-collapse -->
      </div>
    </div>

    <div class="jumbotron" id="openingtext">
        This is where the opening sale text will go
    </div>

    <div …
Run Code Online (Sandbox Code Playgroud)

navbar twitter-bootstrap

1
推荐指数
1
解决办法
2085
查看次数

标签 统计

navbar ×1

twitter-bootstrap ×1