BootStrap3-基础入门

目录

超常用类名

---

Bootstrap中文网Bootstrap是Twitter推出的一个用于前端开发的开源工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发，是一个CSS/HTML框架。目前，Bootstrap最新版本为3.0 。Bootstrap中文网致力于为广大国内开发者提供详尽的中文文档、代码实例等，助力开发者掌握并使用这一框架。https://www.bootcss.com/我们可以去官网下载对应的bootstrap文件，在HTML页面中引入bootstrap.min.css以及bootstrap.min.js(可以下载引入非压缩版的，如果开发使用的话不建议)

或者使用包管理下载：

npm i bootstrap@3

在官网介绍中都有，这里不做多余介绍（需要注意的是，bootstrap是基于jQuery搭建的，所以我们要在引入bootstrap前引入jQuery）

 

 我们可以在导航栏中获得到想要的UI架构

 比如这个下拉菜单，我们可以直接复制上，粘贴到我们的HTML中，简直不要太方便

我们可以手动改变文字或者是效果（修改样式的时候尽量不要使用!important来提高权重-我们可以直接查找源代码复制到我们的样式文件中进行修改）

超常用类名

container:响应式布局版心类

row：自带间距15px 

container-fluid:宽度为网页的100% 

栅格系统 ：

tips：其余功能以及详细代码解读可以到官方网站查询：

全局样式----------组件----------插件

（官方文档以及下载地址都在文章首部）