首页 > 其他 > 详细

bootstrap

时间:2016-01-19 18:54:40      阅读:292      评论:0      收藏:0      [点我收藏+]
  • 特性:有一套完整的基础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个位置
    • 技术分享
    • 技术分享
    • 跨设备组合
    • 技术分享

bootstrap

原文:http://www.cnblogs.com/barbie7/p/5142780.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!