首页 > 其他 > 详细

【BootStrap】 基础

时间:2015-07-20 18:42:04      阅读:204      评论:0      收藏:0      [点我收藏+]

【BootStrap】 基础

 一. 自适应(针对不同设备如手机平板笔电,使页面的宽度适应设备宽度)

  <meta name="viewport" content="width=device-width, initial-scale=1">

 二. 布局

  1. 容器 .container

  2. 栅格 .row - 最主要的布局样式

    a. 一行最多包含12个单元格,超出12个会再起一行

    b. 单元格样式 .col-xs-(手机),.col-sm-(平板),.col-md-(笔电),.col-lg-(大屏桌面)

    c. 为了让一个页面在不同设备上显示良好,可以把手机,平板,笔电等样式都添加上,栅格会自行调整布局

【BootStrap】 基础

原文:http://www.cnblogs.com/fzz2727551894/p/4661882.html

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