前端框架bootstrap(推荐web前端框架bootstrap)_前端技术

今天给各位分享前端框架bootstrap的知识，其中也会对前端框架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(推荐web前端框架bootstrap)

我们只需要引入三个文件,分别是:bootstrap.min.css,jquery.min.js,bootstrap.min.js.

然后在

就可以让表格加上样式.并且还可以实现响应式哦.

Bootstrap 提供了一个清晰的创建表格的布局。下表列出了 Bootstrap 支持的一些表格元素：

标签描述

为表格添加基础样式。表格标题行的容器元素（），用来标识表格列。表格主体中的表格行的容器元素（）。一组出现在单行上的表格单元格的容器元素（内使用。

或

）。

默认的表格单元格。

特殊的表格单元格，用来标识列或行（取决于范围和位置）。必须在

关于表格存储内容的描述或总结。

下表样式可用于表格中：

类描述实例.table为任意

添加基本样式 (只有横向分隔线)尝试一下.table-striped在内添加斑马线形式的条纹 ( IE8 不支持)尝试一下.table-bordered为所有表格的单元格添加边框尝试一下.table-hover在内的任一行启用鼠标悬停状态尝试一下.table-condensed让表格更加紧凑尝试一下联合使用所有表格类尝试一下

和

类

下表的类可用于表格的行或者单元格：

类描述实例.active将悬停的颜色应用在行或者单元格上尝试一下.success表示成功的操作尝试一下.info表示信息变化的操作尝试一下.warning表示一个警告的操作尝试一下.danger表示一个危险的操作

关于前端框架bootstrap的内容到此结束，希望对大家有所帮助。