用于开发响应式布局、移动设备优先的项目——Bootstrap4

首先我们先看一个实例

<div class="jumbotron text-center">

<h1>我的第一个 Bootstrap 页面</h1>

<p>重置浏览器大小查看效果!</p>

</div>

<div class="container">

<div class="row">

<div class="col-sm-4">

<h3>第一列</h3>

<p>学的不仅是技术，更是梦想！！！</p>

</div>

<div class="col-sm-4">

<h3>第二列</h3>

<p>学的不仅是技术，更是梦想！！！</p>

</div> <div class="col-sm-4">

<h3>第三列</h3>

<p>学的不仅是技术，更是梦想！！！</p>

</div>

</div>

</div>

是不是比之前的代码简洁了一部分。因为Bootstrap4 与 Bootstrap3 相比拥有了更多的具体的类以及把一些有关的部分变成了相关的组件。同时 Bootstrap.min.css 的体积减少了40%以上。

值得注意的是：新版的Bootstrap放弃了对 IE8 以及 iOS 6 的支持，现在仅仅支持 IE9 以上 以及 iOS 7 以上版本的浏览器。因此需要考虑项目的面向对象来衡量。