Bootstrap——代码、表格
来源:互联网 发布:淘宝cod 编辑:程序博客网 时间:2024/05/16 14:08
代码
第一种是 <code> 标签。内联显示代码. 第二种是 <pre> 标签。代码需要被显示为一个独立的块元素或者代码有多行. <pre class="pre-scrollable">,多行代码有滚动条。 第三种是 <kbd> 标签。按键提示.
支持的表格元素
<table> 为表格添加基础样式。<thead> 表格标题行的容器元素(<tr>),用来标识表格列。<tbody> 表格主体中的表格行的容器元素(<tr>)。<tr> 一组出现在单行上的表格单元格的容器元素(<td> 或 <th>)。<td> 默认的表格单元格。<th> 特殊的表格单元格,用来标识列或行。必须在 <thead> 内使用。<caption> 关于表格存储内容的描述或总结。比如表格标题
表格类
用于table元素
.table 为任意 <table> 添加基本样式 (只有横向分隔线,无外框) .table-striped 在 <tbody> 内添加斑马线形式的条纹 ( IE8 不支持) .table-bordered 为所有表格的单元格添加边框(完整边框) .table-hover 在 <tbody> 内的任一行启用鼠标悬停,鼠标在该行颜色会加深 .table-condensed 让表格更加紧凑
用于tr,th,td,改变颜色
.active 将悬停的颜色应用在行或者单元格上 .success 表示成功的操作(悬停的行的颜色为绿色) .info 表示信息变化的操作 .warning 表示一个警告的操作 .danger 表示一个危险的操作
响应式表格
通过把任意的 .table 包在 .table-responsive class 内,您可以让表格水平滚动以适应小型设备(小于 768px)。当在大于 768px 宽的大型设备上查看时,您将看不到任何的差别。
阅读全文
0 0
- Bootstrap——代码、表格
- 【06】Bootstrap — 表格
- BootStrap(1)——排版、代码、表格和按钮
- bootstrap排版、代码、表格
- bootstrap-代码与表格
- Bootstrap css学习笔记(二)——代码与表格
- 【05】Bootstrap — 代码
- Bootstrap示例——表格图像图标
- Bootstrap——表格、按钮、图像
- Bootstrap基础3——table表格
- Bootstrap笔记3—表格table
- bootstrap基本css-代码与表格,表单
- JS组件系列——Bootstrap Table 表格行拖拽
- JS组件系列——表格组件神器:bootstrap table
- JS组件系列——表格组件神器:bootstrap table
- JS组件系列——表格组件神器:bootstrap table
- JS组件系列——表格组件神器:bootstrap table
- JS组件系列——表格组件神器:bootstrap table
- 追踪性基础知识
- Android的从零开始
- 人工智障学习笔记——机器学习(8)K均值聚类
- 中慈长寿工程集团《慢病危机》电影试听首映仪式成功举办
- Json,List,Map的数据格式
- Bootstrap——代码、表格
- 第9章 时间与日期
- 搞科研(功能结构矩阵)
- LeetCode【53】Maximum Subarray
- Blob类型转为json格式问题
- HDU-1754 I Hate It (线段树 入门题 点修改 区间查询)
- IT伦理与道德
- CSS3序列帧动画
- Debian查看系统版本