码迷,mamicode.com
首页 > 其他好文 > 详细

【BootStrap】 基础

时间:2015-07-20 18:43:07      阅读:100      评论: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
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!