我正在尝试从 Bootstrap 创建一个导航栏。姓名、关于、作品集、联系方式等应在同一行。除了右边较多的,其他的都应该在左边。但是,根据我的代码,它们全部显示在中间。我尝试了多种方法来修复,但是没有任何功能。你能给我一些建议吗?谢谢。代码如下:
`<body>
<nav class="navbar navbar-inverse" role = "navigation">
<div class = "container-fluid">
<div class="navbar-header">
<a class="navbar-brand" href="#">Name</a>
</div>
<ul class="nav nav-pills">
<li class = "active"><a href ="#">ABOUT</a></li>
<li><a href = "#">PORTFOLIO</a></li>
<li><a href = "#">CONTACT</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a href="#"><span class="glyphicon glyphicon-user"></span>Contact</a></li>
</ul>
</div>
</nav>
</body>`
最佳答案
尝试在您希望保留的 div 中添加类 left
.left {
float: left !important;
}
<ul class="nav nav-pills left">
<li class = "active"><a href ="#">ABOUT</a></li>
<li><a href = "#">PORTFOLIO</a></li>
<li><a href = "#">CONTACT</a></li>
</ul>
关于html - 如何将导航栏放在左侧的 Bootstrap 中?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44487926/