bootstrap是基于Jquery而开发的一个前端框架。
全中文的学习网站
:http://www.runoob.com/bootstrap/bootstrap-tutorial.html
实际上就是html+css，但是使用该框架可以让我们的项目界面更统一，更美观，更强大。当然对我们来说，他最大的好处在于响应式布局，在如今手机上访问bootstrap开发的网站，和在电脑上看起来几乎一样。
目前使用较广的是版本2和3，其中2的最新版本的是2.3.2，3的最新版本是3.3.7。
在2015年8月下旬，Bootstrap四周岁之际，Bootstrap团队发布了Bootstrap 4 alpha版。如果您的浏览器是IE8，建议还是使用2或者3。
下面带大家入门，当然需要有html和css基础才行。
例如在网页中定义一个table。
我们只需要引入三个文件,分别是:bootstrap.min.css,jquery.min.js,bootstrap.min.js.
然后在
就可以让表格加上样式.并且还可以实现响应式哦.以下内容来自runoob学习网站:
Bootstrap 提供了一个清晰的创建表格的布局。下表列出了 Bootstrap 支持的一些表格元素：
| 标签 | 描述 |
|---|
| 为表格添加基础样式。 | | 表格标题行的容器元素（ | ），用来标识表格列。 | | 表格主体中的表格行的容器元素（ | ）。 | | 一组出现在单行上的表格单元格的容器元素（ | 或 | ）。 |
|---|
| | 默认的表格单元格。 | | | 特殊的表格单元格，用来标识列或行（取决于范围和位置）。必须在 内使用。 | 关于表格存储内容的描述或总结。 | |
|---|
表格类 下表样式可用于表格中： | 类 | 描述 | 实例 |
|---|
| .table | 为任意 添加基本样式 (只有横向分隔线)| 尝试一下 | | .table-striped | 在 | 内添加斑马线形式的条纹 ( IE8 不支持)尝试一下 | | .table-bordered | 为所有表格的单元格添加边框 | 尝试一下 | | .table-hover | 在 | 内的任一行启用鼠标悬停状态尝试一下 | | .table-condensed | 让表格更加紧凑 | 尝试一下 | | 联合使用所有表格类 | 尝试一下 |
| | , | 和 | 类 下表的类可用于表格的行或者单元格： | 类 | 描述 | 实例 |
|---|
| .active | 将悬停的颜色应用在行或者单元格上 | 尝试一下 | | .success | 表示成功的操作 | 尝试一下 | | .info | 表示信息变化的操作 | 尝试一下 | | .warning | 表示一个警告的操作 | 尝试一下 | | .danger | 表示一个危险的操作 |
|
最后,这些开源的框架确实为我们带了极大的方便，有可能的话，可以适当捐赠这些开源免费的网站！
标签：bootstrap table
|
|