- 首页
- Lumen
- 问答社区
- 中文文档
- 下载离线文档
- API
- PHP中文手册
- Composer
/*原始CSS*/
.navbar-nav {
float: left;
margin: 0;
.navbar-nav > li {
float: left;
修改方法:
1.去掉.navbar-nav和li的左浮动样式(float:none);
2.为.navbar-nav设置文字居中样式(text-align:center);
3.将li转为内连块(display:inline-block);
修改后的代码:
<div class="navbar navbar-default">
<div class="container">
<div class="navbar-collapse collapse ">
<ul class="nav navbar-nav" style="clear: both">
<li class="active"><a class="navitme" href="#">首页</a> </li>
<li><a class="navitme" href="#">Lumen</a> </li>
<li><a class="navitme" href="#">问答社区</a> </li>
<li><a class="navitme" href="#">中文文档</a> </li>
<li><a class="navitme" href="#">下载离线文档</a> </li>
<li><a class="navitme" href="#">API</a> </li>
<li><a class="navitme" href="#">PHP中文手册</a> </li>
<li><a class="navitme" href="#">Composer</a></li>
/*原始CSS*/
.navbar-default .navbar-nav{
text-align: center;
float: none;