Question

Bootstrap如何设置适应不同的屏幕用不同的布局？

Answer 1

1. <div class="col-xs-12 ">，col-xs-12指的是手机排满一行；

2. <div class=“col-sm-6”>，col-sm-6指的是平板排一半；

3. <div class="col-md-8">，col-md-8指的是电脑排12分之8个。
   

Bootstrap，来自 Twitter，是目前很受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JavaScript 的，它简洁灵活，使得 Web 开发更加快捷。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发，是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范，它即是由动态CSS语言Less写成。Bootstrap一经推出后颇受欢迎，一直是GitHub上的热门开源项目，包括NASA的MSNBC的Breaking News都使用了该项目。

Answer 2

栅格系统
<div class="col-xs-12 col-sm-6 col-md-8">.col-xs-12 .col-sm-6 .col-md-8</div>
col-xs-12指的是手机 排满一行
col-sm-6指的是平板 排一半
col-md-8电脑排12分之8个