Flexbox 为 CSS 提供了一种更简单更灵活的方法去布局页面，Bootstrap 4 终于开始支持 Flexbox 了，现在会作为一个可选的功能。

你可以通过修改一个变量的值去让 Bootstrap 里的一些组件使用 Flexbox 。比如网格系统，文本框群组，还有媒体组件。默认这些组件会使用 float ，display:table 这些东西去布局。打开 Flexbox 功能以后，就会切换到使用 Flexbox 。

Flexbox 可以更好的去对齐内容，让不同内容的高度一致，在不同尺寸或者分辨率的屏幕下更容易去改变内容的顺序。 不过要注意，IE 10 以下的浏览器不支持 Flexbox 。

下面我们可以让 Bootstrap 里的组件去使用 Flexbox ，在 bootstrap 这个目录的下面，找到 scss，再打开 _variables.scss .. 搜索一下 $enable-flex 这个变量 ...

它的值默认是 false ，表示不使用 Flexbox ... 把它修改成 true .. 保存 .. 这样会去重新编译 Bootstrap ，让它的一些组件使用 Flexbox 。

完成以后，打开 dist/bootstrap.css ... 搜索一下 flex ... 会找到一些结果，说明现在 Bootstrap 已经在使用 Flexbox 了。