bootstrap是一种热门的Web前端流行框架,如果要兼容PC端、手机端和响应式布局,那他一定是我的首选。bootstrap内容很多,功能强大,其中最好入门也是很重要的就是他的栅格系统。他有四个典型类:

col-xs-     对应超小设备(屏幕<768 px )手机

col-sm-    对应小型设备(屏幕>768 px 屏幕<992 px )平板电脑

col-md-   对应中型设备(屏幕>992 px 屏幕<1200 px )台式电脑

col-lg-    对应大型设备(屏幕>1200 px)台式电脑

简单的写法:

<div class="row">
    <div class="col-xs-3 col-sm-2 col-md-2"></div>
    <div class="col-xs-3 col-sm-2 col-md-2"></div>
   <div class="col-xs-3 col-sm-2 col-md-2"></div>
</div>

最新文章

  1. Intellij IDEA 13.1.3 创建Java Web项目
  2. VirtualBox网络设置的问题
  3. 用C#读取,写入ini文件
  4. angular的directive笔记
  5. &lt;一道题&gt;abc+cba=1333,求满足条件的abc的值,隐含条件a!=0,c!=0
  6. Codeforces Round #221 (Div. 2) C. Divisible by Seven(构造 大数除法 )
  7. Python 基础【第十篇】内置类型
  8. Linux命令 ls -l s输出内容含义详解
  9. 如何在pycharm中使用配置好的virtualenv环境
  10. twfont
  11. jmeter录制https请求
  12. 涂抹mysql笔记-管理mysql库和表
  13. Django--文件上传和下载,自测试可用
  14. python静态方法、类方法
  15. 题目1013:开门人和关门人(结构体自定义cmp排序)
  16. cf1088D. Ehab and another another xor problem(思维)
  17. POJ 2348 Euclid&#39;s Game(辗转相除博弈+自由度分析)
  18. &lt;简明&gt;Markdown指南
  19. ORA-15032、ORA-15033—Linux环境
  20. CTC (Connectionist Temporal Classification) 算法原理

热门文章

  1. zepto与jquery冲突的解决
  2. css清除浮动的3种方式
  3. [Swift]LeetCode57. 插入区间 | Insert Interval
  4. [Swift]LeetCode186. 翻转字符串中的单词 II $ Reverse Words in a String II
  5. [Swift]LeetCode319. 灯泡开关 | Bulb Switcher
  6. [Swift]LeetCode420. 强密码检验器 | Strong Password Checker
  7. [Swift]LeetCode623. 在二叉树中增加一行 | Add One Row to Tree
  8. [Swift]LeetCode954. 二倍数对数组 | Array of Doubled Pairs
  9. [Swift]LeetCode969.煎饼排序 | Pancake Sorting
  10. 1K star+ 的项目是如何炼成的?