boostrap的简单应用

Bootstrap的简单介绍

一丶什么是bootstrap
Bootstrap是美国Twitter公司的设计师Mark Otto和Jacob Thornton合作基于HTML、CSS、JavaScript 开发的简洁、直观、强悍的前端开发框架，使得 Web 开发更加快捷。Bootstrap提供了优雅的HTML和CSS规范，它即是由动态CSS语言Less写成。Bootstrap一经推出后颇受欢迎，一直是GitHub上的热门开源项目，包括NASA的MSNBC（微软全国广播公司）的Breaking News都使用了该项目。 国内一些移动开发者较为熟悉的框架，如WeX5前端开源框架等，也是基于Bootstrap源码进行性能优化而来。

二丶bootstrap的作用
简单点说：是一个快速搭建网站前台页面的开源项目（基于Jquery）。你只需要了解相关的class、标签名称等所代表的意思，然后在构建页面的时候，导入bootstrap的JS、css等，它就会去表现相应的效果出来：
比如HTML说明：缩略语；当鼠标悬停在缩写和缩写词上时就会显示完整内容，Bootstrap实现了对HTML 元素的增强样式。 缩略语元素带有title属性，外观表现为带有较浅的虚线框，鼠标移至上面时会变成带有“问号”的指针。当你需要段落文字某个单词或者词语需要有上面的那种效果，你就那样按照那种格式写就好了，附加的class=“initialism”是让字号更小一点，也可以不要。反过来说：如果你不试用bootstrap的东西或者其他类似的框架，那你就得自己写这样的效果，开发时间长。

三丶bootstrap的相关项目
以下只是bootstrap官网显示的相关项目的一部分截图，可以从中看出bootstrap涉猎的广泛和功能的强大

四丶如何使用bootstrap
那么如何使用bootstrap呢，下面我将简单演示一下如何使用：首先先去官网下载

然后将下载来的css，js，fonts直接拉入我们的项目中

然后我们新建一个index.html文件，将格式导入进来，样式我们就简单的挑一份标签页来试用下，复制bootstrap提供的代码


运行程序，结果如下：

这就是bootstrap的效果展示的一部分，其中还有更多的效果
附上网页：http://www.bootcss.com/
https://v3.bootcss.com/components/#nav