如何正确对齐导航栏，而不是全部向右对齐
如何正确对齐导航栏，而不是全部向右对齐
提问于 2019-04-28 00:44:05
我已经成功地将导航栏项目右对齐，但我真正想要的是将它对齐到整个页面的3/4。
Here是我试图实现的最终结果的一个很好的例子(请注意，导航栏并不完全是3/4宽的，但它足够接近，因为它不会在最右边结束)
目前，我的代码是
<nav class="navbar navbar-toggleable-md navbar-default bg-default fixed-top">
<ul class="nav navbar-nav navbar-right">
<li>Home</li>
<li>FAQ</li>
<li>Info</li>
<li>About</li>
</ul>
</nav>其中，navbar-right是我添加的，用于成功地将导航栏从左侧移到(非常)右侧。
我如何才能让导航栏项目向右对齐，而不是一直对齐，而是只对齐整个页面的3/4？
注意:我正在使用bootstrap 4
回答 1
Stack Overflow用户
回答已采纳
发布于 2019-04-28 01:01:14
用具有.container类的div包装您的ul。这个类提供从左到右的边距，并使内容在视口之间可见。
<nav class="navbar navbar-toggleable-md navbar-default bg-default fixed-top">
<div class="container">
<ul class="nav navbar-nav navbar-right">
<li>Home</li>
<li>FAQ</li>
<li>Info</li>
<li>About</li>
</ul>
</div>
</nav>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/55882712
复制相关文章
相似问题