作为本学习笔记的第一篇，开篇之作，我们还是跟其他系列的文章一样，先来点Bootstrap的介绍，再循序渐进吧。前言在上一节中https:www.jb51.netweb248352.html主要是简单的介绍了一下Bootstrap

通过前面两篇文章的简单介绍，大致对于Bootstrap有了初步的了解。由于自己也只是想通过Bootstrap官网来进行简单的学习，自己能够随便搞个不是太搓的页面就可以了。所以如果你是新手或许可以来看看，对你还有那么一点儿帮助，高手请飘过。

前言在前面的一篇文章当中，我们主要学习了栅格系统的基本原理，以及通过简单案例进行对原理的实践。那么本文的主要内容将主要分为以下几个部分1.栅格选项2.从堆叠到水平排列3.移动设备和桌面4.Responsive column re

本次主要来了解的是布局，这个大部分在HTML的基本标签中也是存在的，所以相对比较简单，为了保证系列的完整性，也顺带复习下，还是记录一下。主要内容如下：1.标题2.页面主体3.强调4.缩略语5.地址6.引用7.列表8.总结标

本文主要讲解的是按钮的样式。1.选项2.尺寸3.活动状态4.禁用状态5.可做按钮使用的Html标签6.总结选项使用上面列出的class可以快速创建一个带有样式的按钮。复制代码代码如下:<button t

本文学习的内容主要如下所示： 1.关闭按钮 2.Carets 3.快速设置浮动 4.内容区域居中 5.清除浮动 6.显示或隐藏内容 7.针对屏幕阅读器的内容 8.图片替换 9.总结 关闭按钮 通过使用一个象征关闭的图标

本文学习的内容主要如下所示： 1.浏览器支持 2.图片 3.响应式工具 4.遇到的问题 5.总结 浏览器支持 Bootstrap的目标是在最新的桌面和移动浏览器上有最佳的表现，也就是说，在较老旧的浏览器上可能会导致某些组件表现出

前面的文章算是把Bootstrap CSS部分简单的学习了一遍，应该忽视了比较多的细节问题。不过大部分的内容我都过了一遍，并且用代码实现了一遍，而且看到了真实的效果。挺不错的。那么接下来的几篇文章主要来讲解Bootstrap的组件。那么本文