Bootstrap是著名的社交网站、微博的先驱Twitter在2011年8月推出的开源WEB前端框架，集合CSS和HTML，使用了最新的浏览器技术，为快速WEB开发提供了一套前端工具包，包括布局、网格、表格、按钮、表单、导航、提示等等。使用Bootstrap可以构建出非常优雅的前端界面，而且占用资源非常小。Bootstrap是由Twitter的Mark Otto和Jacob Thornton开发的。（推荐学习：Bootstrap视频教程）Bootstrap 是 2011 年八月在 GitHub 上发布的开
随着移动设备的普及，如何让用户通过移动设备浏览您的网站获得良好的视觉效果，已经是一个不可避免的问题了。响应式 Web 设计就是为实现这个目的的有效方法。响应式 Web 设计是一个让用户通过各种尺寸的设备浏览网站获得良好的视觉效果的方法。（推荐学习：Bootstrap视频教程）例如，您先在计算机显示器上浏览一个网站，然后在智能手机上浏览，智能手机的屏幕尺寸远小于计算机显示器，但是你却没有感觉到任何差别，两者的用户体验几乎一样，这说明这个网站在响应式设计方面做得很好。我们已经在我们的流动布局中应用了响应性能，
本文将分享一下自己学习Bootstrap时的一点经验，希望能对正在开始与Bootstrap作战的小伙伴们一点点帮助，避免一些不必要的曲折。官网（推荐学习：Bootstrap视频教程）学习一款框架，最开始，学习途径一定是它的官方网站，几乎每一款框架都有非常详细且清晰的文档，虽然网上关于该框架的学习资源很多，但是也都不是自创的，追其根源，全部都是来自于官网。与其花费动辄十几个小时去看别人的视频，不如自己去官网学习来得快。官网怎么学相信好多小伙伴也看过官方文档了，虽然文档挺清晰的，但是还是会觉得一头雾水，抓不住
Bootstrap框架来制作响应式网站（或称之为响应式网页排版）真的很方便，特别是对于图片，用一个css类.img-responsive就可以实现响应（自动随屏幕缩放，姑且这样理解），一行代码就实行了，如同使用html标签一样，不需要考虑逻辑。如下：（推荐学习：Bootstrap视频教程）1class=”img-responsive”响应式图片如何居中？图片居中在网页制作中是常常会用到的，那响应式图片要如何居中呢？也很简单，用一个css类.center-block就行了。代码如下：1class=”img-
Bootstrap提供了四种用于<img>类的样式，分别是：.img-rounded：圆角 (IE8 不支持)，添加 border-radius:6px 来获得图片圆角；（推荐学习：Bootstrap视频教程）.img-circle：圆形 (IE8 不支持)，添加 border-radius:50% 来让整个图片变成圆形。.img-thumbnail：缩略图功能，添加一些内边距（paddin
自适应： 不管屏幕多大，都尽量不换行，而只是横向缩放。Boostrap的“栅栏”模式（推荐学习：Bootstrap视频教程）Boostrap自适应功能的基础就是“栅栏"模式，它是将浏览器以行列形式去划分：一共12列，行数自定义，根据你所要显示的元素，确定每个元素显示的大小即需要的列数，如果超过范围，就会自动转行。每列的大小是Boostrap根据当前浏览器的大小自动平均分配。Boostrap的自适应功能其实理解栅栏模式之后，自适应功能就简单很多了，根据浏览器的大小，Boostrap有四种栅栏类名提供使用，
Bootstrap 让前端开发更快速、简单。所有开发者都能快速上手、所有设备都可以适配、所有项目都适用。虽然可以直接使用 Bootstrap 提供的 CSS 样式表，不要忘记 Bootstrap 的源码是基于最流行的 CSS 预处理脚本 - Less 和 Sass 开发的。你可以采用预编译的 CSS 文件快速开发，也可以从源码定制自己需要的样式。（推荐学习：Bootstrap视频教程）你的网站和应用能在 Bootstrap 的帮助下通过同一份代码快速、有效适配手机、平板、PC 设备，这一切都是 CSS 媒
BootStrap简介：Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架，用于开发响应式布局、移动设备优先的 WEB 项目。（推荐学习：Bootstrap视频教程）2011年，twitter的“一小撮”工程师为了提高他们内部的分析和管理能力，用业余时间为他们的产品构建了一套易用、优雅、灵活、可扩展的前端工具集--BootStrap。Bootstrap由MARK OTTO和Jacob Thornton所设计和建立，在github上开源之后，迅速成为该站上最多人watch&fork的项目。大