今天用Bootstrap练习仿站时,发现目标站导航栏的菜单是居中排版方式,而Bootstrap貌似没有导航菜单居中的样式,着实折腾了很久,多次测试终于找到了解决方法。
第一种方法:给div和ul添加如下样式:(推荐学习:Bootstrap视频教程)
<div class="navbar-collapse collapse" style="text-align: center;"> <ul class="nav navbar-nav" style="display: inline-block;float: none;"> <li class=""> <a href="#">首页</a> </li> <li class=""> <a href="#">加入我们</a> </li> <li class=""> <a href="#">联系我们</a> </li> </ul> </div>
第二种方法:
<div class="navbar-collapse collapse"> <ul class="nav navbar-nav"> <li class=""> <a href="#">首页</a> </li> <li class=""> <a href="#">加入我们</a> </li> <li class=""> <a href="#">联系我们</a> </li> </ul> </div>
添加如下样式:
.navbar-nav { float: none; text-align:center; } ul.nav.navbar-nav li { float:none; display: inline-block; margin: 0em; }
更多Bootstrap相关技术文章,请访问Bootstrap教程栏目进行学习!
作者:(*-*)浩
css设置文字颜色的方法:1、在DIV标签内使用color颜色样式,代码为【div style=color:#F00www.xxx.cn/div】;2、在CSS选择器中使...
更改bootstrap的默认样式很久没用bootstrap,对与按自己的需求修改样式都忘了。一上来就添加了新的class类,重写css样式让其覆盖...
什么是bootstrap?它有什么作用Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架。Bootstrap 是基于 HTML、CSS、JAVA...
jq动态添加动态css样式的方法:首先准备jquery库文件,并声明一个class样式;然后准备一个事件加载初始化的方法,并直接用匿名函...