Bootstrap3 navbar导航条居中显示
来源:互联网 发布:js amr转base64 编辑:程序博客网 时间:2024/06/08 14:27
第一种方法:给div
和ul
添加如下样式:
<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;}
0 0
- Bootstrap3 navbar导航条居中显示
- 导航条居中显示
- 导航条(navbar) (Bootstrap)
- jQueryMobile的组件之导航条(navbar)
- BootStrap--CSS组件--导航条(navbar)
- 导航条居中
- Bootstrap3.0学习第十三轮(导航条)
- Bootstrap3.0学习第十三轮(导航条)
- Bootstrap3 导航条之个人学习笔记
- BootStrap3.X模态框垂直居中显示
- jquery mobile学习笔记——navbar(导航条)
- 升级后的bootstrap3的navbar-brand、navbar-collapse、navbar-toggle、navbar-header、navbar-text、navbar-btn的小实验
- 升级后的bootstrap3的navbar-brand、navbar-collapse、navbar-toggle、navbar-header、navbar-text、navbar-btn的小实验
- 横向导航条页面居中的方法
- Bootstrap基础9——导航条navbar,面包屑breadcrumb,分页pagination
- 导航条水平居中--未知宽度ul水平居中
- ASP显示分页导航条
- ASP显示分页导航条
- 点击返回键,同时隐藏输入区域和软键盘
- NYOJ 引水工程
- 第十三周实践项目课后————交通工具类(3)
- Dubbo与Zookeeper、SpringMVC整合和使用(负载均衡、容错)
- mysql 性能优化的几点建议
- Bootstrap3 navbar导航条居中显示
- linklist和arraylist的区别
- 搜索二叉树的简单实现
- H5知识点
- JS代码判断IE6,IE7,IE8,IE9!
- Win32获取主机名和IP地址
- 以微秒为单位的精确计时gettimeofday函数
- aspectj 切入相关表达式例子(转)
- webview的文件上传