我正在构建我想你可以为我将要构建的网站调用一个模板,但是我对引导程序仍然很陌生,因此无法确定哪些 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)