passerby的博客

根据上一章博客我们讲解了Bootstrap的安装这一章来讲解一下12栅格系统 排版等等通过更改数字来合并列就是列组合使用 .col-md-offset-* 类可以将列向右侧偏移一行12占满之后会自动下一行为了使用内置的栅格系统将内容再次嵌套，可以在已存在的 .col-md-* 元素内添加一个新的 .row 元素和一系列 .col-md-* 元素。需要注意的是，被嵌套的行所包含的列的个数不能超过12通过使用col-md-push 和 col-md-pull 类就可以改变列的顺序

根据上一章博客我们讲解了Bootstrap的12栅格系统 排版 图片这一章我们来讲一下一些组件无处不在的字体图标 如图：它们在APP页面底部、网站导航条、登录页面或注册页面Bootstrap框架提供了250多个来自Glyphicon Halflings的字体图标，其作用在内联元素上按钮式下拉菜单的好处是可以实现按钮和下拉菜单分离在大于768px的屏幕上，通过.nav-justified类可以让选项卡或胶囊式导航呈现出同等宽度，在小屏幕上，导航呈现堆叠样式翻页只能实现

Bootstrap是美国Twitter公司的设计师Mark Otto和Jacob Thornton合作，基于HTML、CSS、JavaScript开发的简洁、直观、强悍的前端开发框架，它会使Web开发更加快捷Bootstrap框架的优点开发方便快捷兼容处理移动设备优先使用广泛。

上一章博客我们讲解了Bootstrap的组件这一章我们来讲一下一些JavaScript组件data属性有很多，这些属性都是在data后紧跟一些名词，例如比较常用的data-toggle、data-target、data-dismiss等考虑到使用的方便性和快捷性，比较推荐使用data属性来调用JavaScript插件语法如何只针对某个特定的插件将data属性关闭？只需在 data-api 前面添加特定插件的名称作为命名空间语法五，过渡插件Bootstrap使用的动画过渡效果都是基于C