bootstrap

  • 特性:有一套完整的基础CSS插件,丰富的预定义样式表,一组基于jquery的js插件,一个非常灵活的栅格系统,并崇尚移动先行的思想
  • 引入:css js jq 或者是官方免费的CDN来适配不同的浏览器
  • 栅格系统:一行数据,包在一个container里,总共12个格子,以便为其赋予合适的对其方式和内边距,
    • 伴随响应式设计思想,区分四种类型的浏览器和像素临界值(超小屏  None自动 、小屏768px、中屏992px、大屏1200px;
    • .container的最大宽度,,在手机上是none,小屏750px,中屏970px,大屏是1170
    • 前缀:.col-xs-;.col-sm-;.col-md-;.col-lg-;
    • bootstrap要在style前加载
    • col-md-4 总共占4个格子
    • col-md-offset-4 偏移4个格
    • 列排序col-md-9  col-md-push-3从前到后3个格///col-md-3  col-md-pull-9从后到前9个位置
    • 跨设备组合
posted @ 2016-01-19 17:12  Barbie7  阅读(153)  评论(0编辑  收藏  举报