如何在导航栏中右对齐文本- HTML
如何在导航栏中右对齐文本- HTML
提问于 2018-06-13 07:06:48
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<a class="navbar-brand" href="#">Navbar</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavAltMarkup">
<div class="navbar-nav">
<a class="nav-item nav-link active" href="#">Home <span class="sr-only">(current)</span></a>
<a class="nav-item nav-link" href="#">Features</a>
<a class="nav-item nav-link" href="#">Pricing</a>
<a class="nav-item nav-link disabled" href="#">Disabled</a>
</div>
</div>
</nav>
所以我最近开始利用自己的时间练习HTML和CSS。我刚刚开始使用bootstrap建立一个网站，我在这个导航栏上遇到了问题:你可以在webstie：https://getbootstrap.com/docs/4.0/components/navbar/上找到它，然后向下滚动到“navbar”(我不知道如何在这里包含HTML代码)。
我想要做的是让项目“主页”、“功能”、“定价”和“禁用”“搜索”(我将实现的搜索栏)浮动到右侧。最终，我会有类似这样的东西：
功能定价已禁用#搜索
但我似乎做不到。我试着使用span标签，ul标签，我试着删除一些div元素，但都不起作用。有什么帮助吗？
我还有一个问题。如果我在div中添加："Navbar“，那么它仍然与其他导航元素(主页、定价等)保持一致。它们位于不同的div中。那件事怎么可能？divs不是块元素吗？
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/50827034
复制相关文章
相似问题