参见英文答案 >
Center content in responsive bootstrap navbar10个答案我遇到了bootstrap 3导航的问题,我在左侧,中间和右侧都有一些内容。似乎没有选项可以使导航居中。
http://jsfiddle.net/29tQt/embedded/result/
我正在尝试将名为“center”的链接放在页面的中心,我该如何实现?
<nav class="navbar navbar-default" role="navigation"> <div class="container-fluid"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="#">Brand</a> </div> <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> <ul class="nav navbar-nav"> <li class="active"><a href="#">Center</a> </li> <li><a href="#">Center</a> </li> <li><a href="#">Center</a> </li> </ul> <ul class="nav navbar-nav navbar-right"> <li><a href="#">Right</a> </li> <li><a href="#">Right</a> </li> </ul> </div> </div> </nav>
解决方法
谢谢大家的帮助,我添加了这段代码,似乎解决了这个问题:
.navbar .navbar-nav { display: inline-block; float: none; } .navbar .navbar-collapse { text-align: center; }
资源
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。