站长资讯网
bootstrap是框架。Bootstrap是一个用于快速开发Web应用程序和网站的前端框架，是基于html、JavaScript和css三者开发的框架，主要用于响应式网站上的结构和布局。
本教程操作环境：Windows7系统、bootsrap3.3.7版、DELL G3电脑
Bootstrap是一个用于快速开发Web应用程序和网站的前端框架，是基于html和JavaScript、css三者开发的框架，主要用于响应式网站上的结构和布局。
Bootstrap的出现主要是简化Web工作者的工作，其中还包括对JavaScript中的动态调整。
Bootstrap的优势
-
移动设备优先：自 Bootstrap 3 起，框架包含了贯穿于整个库的移动设备优先的样式。
-
浏览器支持：所有的主流浏览器都支持 Bootstrap。
-
容易上手：只要您具备 HTML 和 CSS 的基础知识，您就可以开始学习 Bootstrap。
-
响应式设计：Bootstrap 的响应式 CSS 能够自适应于台式机、平板电脑和手机。
-
它为开发人员创建接口提供了一个简洁统一的解决方案。
-
它包含了功能强大的内置组件，易于定制。
-
它还提供了基于 Web 的定制。
-
它是开源的。
如果你需要做一个网站的文本显示对吧，你自己写的话你需要写很多代码，但是如果你使用bootstrap框架来写的话，只需要写好HTML标签然后调用类名就可以了！代码展示如下：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Bootstrap 实例 - 强调</title> <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css"> <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script> <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script> </head> <body> <small>本行内容是在标签内</small><br> <strong>本行内容是在标签内</strong><br> <em>本行内容是在标签内，并呈现为斜体</em><br> <p class="text-left">向左对齐文本</p> <p class="text-center">居中对齐文本</p> <p class="text-right">向右对齐文本</p> <p class="text-muted">本行内容是减弱的</p> <p class="text-primary">本行内容带有一个 primary class</p> <p class="text-success">本行内容带有一个 success class</p> <p class="text-info">本行内容带有一个 info class</p> <p class="text-warning">本行内容带有一个 warning class</p> <p class="text-danger">本行内容带有一个 danger class</p> </body> </html>
效果如下：
可以看出：
-
用它提供的样式和组件快速写网站
-
你只需要引用一些定义好的类，也就是class名字，就可以创建出已经有非常漂亮的样式的网页，而且支持自适应，是一个很不错的框架。
简而言之：你只需要了解相关的class、标签名称等所代表的意思，然后在构建页面的时候，导入bootstrap的JS、css等，它就会去表现相应的效果出来。
推荐学习：《bootstrap使用教程》
