Bootstrap是Twitter推出的一个用于前端开发的开源工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架。Bootstrap 官方于 2015 年 8 月 19 日发布了其最新版本 Bootstrap v4.0.0-alpha。 Bootstrap 4的开发是一项浩大的工程,将近一年的开发,几乎是对整个项目的重写,终于在Bootstrap四周岁生日的时候推出了最新的 v4-alpha 版本。
在这bootstrap教程中,我们将介绍Bootstrap 4中改进的内容和bootstrap4新特性,让大家了解bootstrap4的改变内容有哪些。
你可以通过Bower来获取Bootstrap 4的alpha版本。
bower install bootstrap#v4.0.0-alpha.2
要使用Bootstrap 4,你需要在页面中引入bootstrap 4 的相关文件,最基本的HTML结构如下:
Bootstrap 4href="https://cdn.rawgit.com/twbs/bootstrap/v4-dev/dist/css/bootstrap.css">
字体
在Bootstrap中使用Helvetica Neue、Helvetica、Arial和sans-serif作为默认的字体。这些字体包含了所有的主流操作系统使用的默认字体。
所有的页面文本的font-size都设置为1rem或16像素,行高line-height设置为1.5。
标题
在Bootstrap 4中,所有的6种标准的标题元素(H1-H6)都被设置为:font-weight为500,line-height为1.1,它们的字体大小分别为: