Question

这是我在导航栏上放置的一些代码

 <nav class="navbar navbar-default" role="navigation" >
     <ul id="bloglist" style="text-align:center;">
         <li><a href="#"> Fashion </a></li>
         <li><a href="#"> Food </a></li>
         <li><a href="#"> Travel </a></li>
         <li><a href="#"> LifeStyle </a></li>
         <li><a href="#"> History </a></li>
     </ul>
 </nav>

我如何将这些物品放在中心？我已经使用了对齐中心，但列表不是内联的实际css代码是什么，将所有列表放在中心内联？非常感谢你

Answer 1

尝试使用CSS文件

.bloglist li{
display:inline-block;
}

Answer 2

你是在谈论一个中心合理的清单吗？尝试使用Bootstrap的对齐导航栏：http://getbootstrap.com/examples/justified-nav/

如何将项目置于引导程序导航栏中<ul>列表中

2 个答案: