bootstrap-代码与表格
来源:互联网 发布:临时身份证制作软件 编辑:程序博客网 时间:2024/05/15 08:48
代码
小标签提示
通过 <code>
标签包裹内联样式的代码片段。
For example,
<section>
should be wrapped as inline.For example, <code><section></code> should be wrapped as inline.
代码块
多行代码可以使用 <pre>
标签。为了正确的展示代码,注意将尖括号做转义处理。
<pre>if($um>10){echo "<b>texst</b>"}</pre>
表格样式
table 普通表格
table-bordered 表格边框
table-stripd 各行变色
table-hover 鼠标悬停
状态类
通过这些状态类可以为行或单元格设置颜色。
.active
.success
.info
.warning
.danger
<!-- On rows --><tr class="active">...</tr><tr class="success">...</tr><tr class="warning">...</tr><tr class="danger">...</tr><tr class="info">...</tr><!-- On cells (`td` or `th`) --><tr> <td class="active">...</td> <td class="success">...</td> <td class="warning">...</td> <td class="danger">...</td> <td class="info">...</td></tr>
响应式表格
将任何 .table
元素包裹在 .table-responsive
元素内,即可创建响应式表格,其会在小屏幕设备上(小于768px)水平滚动。当屏幕大于 768px 宽度时,水平滚动条消失。
阅读全文
1 0
- bootstrap-代码与表格
- bootstrap基本css-代码与表格,表单
- bootstrap排版、代码、表格
- Bootstrap——代码、表格
- Bootstrap css学习笔记(二)——代码与表格
- Bootstrap简单模板与基本表格
- Bootstrap 表格
- Bootstrap 表格
- Bootstrap 表格
- BootStrap表格
- Bootstrap 表格
- Bootstrap 表格
- Bootstrap 表格
- bootstrap表格
- Bootstrap表格
- bootstrap表格
- bootstrap表格
- Bootstrap 表格
- C#语法:委托与事件
- 通俗易懂理解事务的4种隔离级别
- 【转载】ABAP Message
- Post接口测试示例
- 加密算法
- bootstrap-代码与表格
- 网络判断+数据库+webview
- hibernate-关联关系中的crud-13
- 钱某的安卓First Blood
- 最新消息,我的Zcash钱包收到鱼池的ZEC打款了
- 深入理解Java虚拟机
- 如何做一名优秀的博士生:(一)时间的付出
- 金蝶BOS,客户端,服务端,获取当前组织、用户等信息
- Keepalived 原理