下一代Bootstrap的5个特点 超酷炫！

下一代Bootstrap的炫酷新特点，快来学习吧！

Bootstrap 4的全新版本已经发布，这是一个激动人心的时刻，因为它不仅仅是一个流行的响应式CSS框架的升级，更是对原有框架的重大改造和更新。创始人的话Mark Otto所说，“这次更新几乎涉及每一行代码”，这句话并不是玩笑。新版本的Bootstrap拥有五个令人惊艳的特点，让人不得不立刻学习。

特点一：更轻巧的文件大小

经过重构和优化，Bootstrap的新版本文件大小大幅度减小。与Bootstrap 3相比，新的Bootstrap 4.0.0版本的CSS文件只有约88KB，更加轻便。这对于加载速度和性能优化有着极大的帮助。

特点二：从LESS切换到Sass

Bootstrap决定在版本4中从LESS切换到Sass，这主要基于社区和性能两个原因。Sass项目比LESS迭代更快，并且使用Sass可以提高框架的性能。尽管LESS在社区中仍然很受欢迎，但Bootstrap表示Sass的增长速度非常快。无论选择哪种方式，你都可以在Bootstrap中使用Sass进行CSS编码工作。

特点三：引入Flexbox支持

Bootstrap 4开始支持W3C的Flexbox功能。虽然这需要所有浏览器的支持，但它仍然是一个可选功能，如果你需要的话，可以随时启用。Flexbox是一个强大的布局工具，如果你还不熟悉它，可以通过在线指南和视频教程来学习。

特点四：调整卡片式UI布局模式

Bootstrap 4注重卡片式UI布局模式，这是一个重要的UI布局趋势。Bootstrap废弃了旧的布局模式（如wells、thumbnails和panels），转而使用cards。这种新的布局模式更加灵活、易用，并且具有更好的响应式设计效果。