bootstrap栅栏系统css中的col-xs-*、col-sm-*、col-md-* 的意义，就是根据显示屏幕宽度的大小，自动的选用对应的类的样式：
.col-xs- 超小屏幕 手机 (<768px)（推荐学习：Bootstrap视频教程）
.col-sm- 小屏幕 平板 (≥768px)
.col-md- 中等屏幕 桌面显示器 (≥992px)
.col-lg- 大屏幕 大桌面显示器 (≥1200px)
首先说明：
1、col-列；
2、xs-maxsmall，超小；sm-small，小；md-medium，中等；lg-large，大；
3、-*表示占列，...
阅读全文
在html文件的<style></style>标签中加上如下代码：
.modal-dialog { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .modal-content { /*overflow-y: scroll; */ position: absolute; top: 0; bottom: 0; width: 100%; } .modal-body { ...
阅读全文
下载bootstrap然后解压到本地电脑目录，新建一个test目录用来存放测试文件。
新建一个测试的pagination.html文件。
<!DOCTYPE html><html><head><meta charset="utf-8"> <title>Bootstrap 分页测试</title><link rel="stylesheet" href="../css/bootstrap.min.css"> <script src="../js/jquery-2.0.3.js"></script><scri...
阅读全文
圆角图片
.rounded 类可以让图片显示圆角效果：
实例
<img src="cinqueterre.jpg" class="rounded" alt="Cinque Terre">
椭圆图片
.rounded-circle 类可以设置椭圆形图片:
实例
<img src="cinqueterre.jpg" class="rounded-circle" alt="Cinque Terre">
相关推荐：《bootstrap入门教程》
缩略图
.img-thumbnail 类用于设置图片缩略图(图片有边框):...
阅读全文
我们在用bootstrap排版内容的时候，有的时候在内容中需要图片水平居中显示。
一般情况下，我们的图片都使用了.img-responsive 类来实现图片响应式。（推荐学习：Bootstrap视频教程）
如果需要实现响应式图片水平居中，那么我们要使用 .center-block 类，不要用 .text-center
通过 .center-block 类实现响应式图片水平居中使用方法：
<p><img class="img-responsive center-block" src="..." />...
阅读全文
Bootstrap让前端开发更快速、简单。所有开发者都能快速上手、所有设备都可以适配、所有项目都适用。
Bootstrap是一个非常规范和完善的框架，你可以通过它学到很多技术和知识，如：规范格式和命名、字体图标构成等。建议你到Github上看看整个项目的源码，可以了解Bootstrap使用了哪些技术。（推荐学习：Bootstrap视频教程）
预处理脚本
虽然可以直接使用 Bootstrap 提供的 CSS 样式表，不要忘记 Bootstrap 的源码是基于最流行的...
阅读全文
Bootstrap是Twitter推出的一个开源的用于前端开发的工具包，是一个CSS/HTML框架。
它由Twitter的设计师Mark Otto和Jacob Thornton合作开发。（推荐学习：Bootstrap视频教程）
Bootstrap提供了优雅的HTML和CSS规范，它即是由动态CSS语言Less写成。
Bootstrap一经推出后颇受欢迎，一直是GitHub上的热门开源项目，包括NASA的MSNBC（微软全国广播公司）的Breaking News都使用了该项目。
Bootstrap是基于jQuery框架开发的，它在jQue...
阅读全文
bootstrap中有一个自带的网页图片轮播图，功能齐全，属于很标准的轮播类型。
创建一个轮播主容器
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel"> </div>
非常快捷、方便。
但是在一个页面里使用多个bootstrap轮播组件的时候，如果还让所有轮播图都自动轮播的话，整个画面都在动，会给用户一种很不好的体验感受。
所以，需要关闭轮播图的自动轮...
阅读全文
bootstrap收费吗？
bootstrap是免费开源的。Bootstrap是美国Twitter公司的设计师Mark Otto和Jacob Thornton合作基于HTML、CSS、JavaScript 开发的简洁、直观、强悍的前端开发框架，使得 Web 开发更加快捷。Bootstrap提供了优雅的HTML和CSS规范，它即是由动态CSS语言Less写成。
Bootstrap一经推出后颇受欢迎，一直是GitHub上的热门开源项目，包括NASA的MSNBC（微软全国广播公司）的Breaking News都使用了该项目。 国内一些移动...
阅读全文