Bootstrap 4 引导程序4-导航栏不';行不通
我正在学习Gary Simon的教程,当我复制并粘贴他的导航栏到我的身体标签上时,右边没有内容 Gary Simon的教程使用的是Bootstrap 4 引导程序4-导航栏不';行不通,bootstrap-4,Bootstrap 4,我正在学习Gary Simon的教程,当我复制并粘贴他的导航栏到我的身体标签上时,右边没有内容 Gary Simon的教程使用的是v4.0.0-alpha.6,而我使用的是v4.0.0-beta.2。这就是问题所在吗 这是我的代码(从他的教程中复制): 我试图通过遵循Bootstrap 4文档获得相同的效果,但我无法获得与他的教程相同的视图 谢谢大家的帮助。您至少应该将导航栏切换为可拾取md到导航栏展开md和导航栏反转到导航栏暗背景暗 这些类在beta版中已更改。您至少
v4.0.0-alpha.6
,而我使用的是v4.0.0-beta.2
。这就是问题所在吗
这是我的代码(从他的教程中复制):
-
-
-
-
我试图通过遵循Bootstrap 4文档获得相同的效果,但我无法获得与他的教程相同的视图
谢谢大家的帮助。您至少应该将
导航栏切换为可拾取md
到导航栏展开md
和导航栏反转
到导航栏暗背景暗
这些类在beta版中已更改。您至少应该将
navbar toggleable md
更改为navbar expand md
,navbar inverse
更改为navbar dark bg dark
这些类在beta版中更改
<body>
<div id="hero">
<div class="container">
<div class="row">
<nav class="navbar navbar-toggleable-md navbar-inverse">
<a href="#" class="navbar-brand text-primary" id="logo">GAMELOGO</a>
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse justify-content-end" id="navbarSupportedContent">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link text-primary" href="#">Overview</a>
</li>
<li class="nav-item">
<a class="nav-link text-primary" href="#">Specs</a>
</li>
<li class="nav-item">
<a class="nav-link text-primary" href="#">FAQ</a>
</li>
<li class="nav-item">
<a class="nav-link text-primary" href="#">Purchase</a>
</li>
</ul>
</div>
</nav>
</div>
</div>
</div>
<script src="/js/jquery.min.js"></script>
<script src="/js/tether.min.js"></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js'></script>
<script src="/js/bootstrap.min.js"></script>
</body>