gpt4 book ai didi

html - 在两端对齐品牌名称和导航按钮

转载 作者:太空宇宙 更新时间:2023-11-04 09:13:21 25 4
gpt4 key购买 nike

我刚刚开始学习和使用 bootstrap-4.0.0-alpha.6-dist。我面临的问题是我无法理解如何将品牌名称放在左侧,将导航项放在右侧。

我试过这个:

<body>
<div class="site-wrapper">
<nav class="navbar" role="navigation">
<a class="navbar-brand">Brand Name</a>
<a class="navbar-link">
About
</a>
</nav>
</div>
<script src="js/jquery-2.1.3.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>

最佳答案

这应该会为您提供一个带有左右对齐链接的基本导航。

<body>
<div class="site-wrapper">

<nav class="navbar navbar-toggleable-md navbar-inverse bg-inverse fixed-top">
<a class="navbar-brand" href="#">Brand Name</a>

<div class="collapse navbar-collapse" id="navbarsExampleDefault">
<ul class="navbar-nav mr-auto"></ul>
<ul class="navbar-nav mr-right">
<li class="nav-item">
<a class="nav-link" href="#">Right-aligned Link</a>
</li>
</ul>
</div>
</nav>

</div>

<script src="js/jquery-2.1.3.min.js"></script>
<script src="js/bootstrap.min.js"></script>

不过,我建议您坚持使用 latest stable version用于学习的 Bootstrap 版本 4 仍处于 Beta 阶段,因此还没有提供很多全面的文档,尤其是对于学习而言。

关于html - 在两端对齐品牌名称和导航按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41957265/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com