Bootstrap配置教程
Bootstrap简介
刚开始学习前端的小伙伴肯定很苦恼,网页中每一个元素的属性都要自己动手配置,有时候改了前面的属性,后面的元素有变得混乱不堪,又一个一个重新配置,这实在是令人抓狂。而Bootstrap就是来解决这样的用户痛点,帮助开发者快速写出前端界面。
按照官网的介绍,Bootstrap 是最受欢迎的HTML、CSS 和 JS 框架,用于开发响应式布局、移动设备优先的 WEB 项目。 通过已经得以好的元素属性与页面配置,帮助开发者快速开发项目,受到极大的欢迎。Bootstrap是个开源项目,托管在Github上。点击前往
环境配置
1.官网下载
为了方便,我们可以直接在Bootstrap中文网上下载其资源包。另外,官网提供官方文档,帮助用户理解使用。
其中共有三个下载按钮,对于初学者来说下载第一个就够了。第一个是压缩后的Bootstrap文件,适合项目上线开发使用,对于不要求知道源码的开发者使用,第二个是完整版的,供深度学习使用,第三个是在Sass项目中使用的,这里不过多介绍了。
下载后解压缩文件,可以看到 css,js,fonts 三个文件夹,里面就存放着我们所需要的文件。其中的fonts是部分图标的文件。
2.环境配置
在html文件中,直接引用css与js文件,即可快速配置。
CSS文件引用
<link rel="stylesheet" href