Bootstrap系列 -- 43. 固定导航条
2015-06-29 21:13
609 查看
很多情况之一,设计师希望导航条固定在浏览器顶部或底部,这种固定式导航条的应用在移动端开发中更为常见。Bootstrap框架提供了两种固定导航条的方式:
.navbar-fixed-top:导航条固定在浏览器窗口顶部
.navbar-fixed-bottom:导航条固定在浏览器窗口底部
.navbar-fixed-top:导航条固定在浏览器窗口顶部
.navbar-fixed-bottom:导航条固定在浏览器窗口底部
<div class="navbar navbar-default navbar-fixed-top" role="navigation"> … </div> <div class="content">我是内容</div> <div class="navbar navbar-default navbar-fixed-bottom" role="navigation"> … </div>
相关文章推荐
- Bootstrap系列 -- 42. 导航条中的按钮、文本和链接
- Bootstrap系列 -- 41. 带表单的导航条
- Bootstrap系列 -- 40. 导航条二级菜单
- Bootstrap系列 -- 39. 导航条添加标题
- Bootstrap系列 -- 38. 基础导航条
- 基于bootstrap的超轻量级博客程序BitWord
- Bootstrap前端框架学习
- bootstrap 模板
- Bootstrap系列 -- 37. 基础导航样式
- Bootstrap系列 -- 36. 向上弹起的下拉菜单
- Bootstrap系列 -- 35. 按钮的向下向上三角形
- Bootstrap系列 -- 34. 按钮下拉菜单
- Bootstrap系列 -- 33. 等分按钮
- Bootstrap系列 -- 32. 按钮垂直分组
- Bootstrap系列 -- 31.嵌套分组
- Bootstrap系列 -- 30. 按钮工具栏
- Bootstrap系列 -- 29. 按钮组
- zTree 树形组件结合bootstrap的使用
- bootstrap
- Bootstrap 导入js插件