点击联系发帖人读者们，你们好，好久不见！最近一直在用Bootstrap来写一些网站，个人觉得简介灵活，使得Web开发更方便快捷，下面我就给大家详细的说说Bootstrap,希望对大家有帮助！
★ 移动设备优先：自 Bootstrap 3 起，框架包含了贯穿于整个库的移动设备优先的样式。
★ 浏览器支持：所有的主流浏览器都支持 Bootstrap。
★ 容易上手：只要您具备 HTML 和 CSS 的基础知识，您就可以开始学习 Bootstrap。
★ 响应式设计：Bootstrap的响应式CSS能够自适应于台式机、平板电脑和手机。
三、下面我就针对几个比较常用也比较重要的给大家讲解一下：
Bootstrap 提供了一套响应式、移动设备优先的流式栅格系统，随着屏幕或视口（viewport）尺寸的增加，系统会自动分为最多12列。它包含了易于使用的预定义类，还有强大的mixin 用于生成更具语义的布局。
栅格系统用于通过一系列的行（row）与列（column）的组合来创建页面布局，你的内容就可以放入这些创建好的布局中。下面就介绍一下 Bootstrap 栅格系统的工作原理：
☆ 通过为“列（column）”设置 padding 属性，从而创建列与列之间的间隔（gutter）。通过为 .row 元素设置负值 margin 从而抵消掉为 .container 元素设置的 padding，也就间接为“行（row）”所包含的“列（column）”抵消掉了padding。
☆ 栅格系统中的列是通过指定1到12的值来表示其跨越的范围。例如，三个等宽的列可以使用三个 .col-xs-4 来创建。
2、在写栅格之前呢，我们先来看一下媒体查询：
★ 在栅格系统中，我们在 Less 文件中使用以下媒体查询（media query）来创建关键的分界点阈值。
我们偶尔也会在媒体查询代码中包含 max-width 从而将 CSS 的影响限制在更小范围的屏幕大小之内。
通过下表可以详细查看 Bootstrap 的栅格系统是如何在多种屏幕设备上工作的。
接下来，我们来看一个实例吧！
使用单一的一组 .col-md-* 栅格类，就可以创建一个基本的栅格系统，在手机和平板设备上一开始是堆叠在一起的（超小屏幕到小屏幕这一范围），在桌面（中等）屏幕设备上变为水平排列。所有“列（column）必须放在 ” .row 内。
从堆叠到水平排列.png
★ 移动设备和桌面屏幕
移动设备和桌面屏幕.png
在上面案例的基础上，通过使用针对平板设备的 .col-sm-* 类，我们来创建更加动态和强大的布局吧。
手机、平板、桌面.png
Bootstrap 提供了一些辅助类，以便更快地实现对移动设备友好的开发。这些可以通过媒体查询结合大型、小型和中型设备，实现内容对设备的显示和隐藏。
需要谨慎使用这些工具，避免在同一个站点创建完全不同的版本。响应式实用工具目前只适用于块和表切换。
.visible-- 的类针对每种屏幕大小都有了三种变体，每个针对 CSS 中不同的 display 属性，列表如下：
适配各种屏幕的三种变体.png
下面我们来看一个实例：
好了，以上就是今天我要给大家分享的比较重要使用的一些知识，大家有什么需要补充的敬请留言给我哦！
如果对你有用并且很喜欢我的文章，那就点赞加关注吧！
