bootstrap3的.tabel .danger
来源:互联网 发布:js设置移除button 编辑:程序博客网 时间:2024/05/12 14:14
2.3版本的 3.0版本
.table .error
.table .danger
通过这些状态class可以为行货单元格设置颜色。
.active
鼠标悬停在行或单元格上时所设置的颜色.success
标识成功或积极的动作.warning
标识警告或需要用户注意.danger
标识危险或潜在的带来负面影响的动作- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <link rel="stylesheet" href="dist/css/bootstrap.css">
- <script type="text/javascript" src="dist/js/jquery.js"></script>
- <script type="text/javascript" src="dist/js/bootstrap.js"></script>
- <title>无标题文档</title>
- </head>
- <body style="margin:200px">
- <table class="table">
- <thead>
- <tr>
- <th>#</th>
- <th>标题1</th>
- <th>标题2</th>
- <th>标题3</th>
- </tr>
- </thead>
- <tbody>
- <tr class="active">
- <td>1</td>
- <td>这个是active的效果</td>
- <td>这个是active的效果</td>
- <td>这个是active的效果</td>
- </tr>
- <tr>
- <td>2</td>
- <td>内容栏</td>
- <td>内容栏</td>
- <td>内容栏</td>
- </tr>
- <tr class="success">
- <td>3</td>
- <td>这个是success的效果</td>
- <td>这个是success的效果</td>
- <td>这个是success的效果</td>
- </tr>
- <tr>
- <td>4</td>
- <td>内容栏</td>
- <td>内容栏</td>
- <td>内容栏</td>
- </tr>
- <tr class="warning">
- <td>5</td>
- <td>这个是warning的效果</td>
- <td>这个是warning的效果</td>
- <td>这个是warning的效果</td>
- </tr>
- <tr>
- <td>6</td>
- <td>内容栏</td>
- <td>内容栏</td>
- <td>内容栏</td>
- </tr>
- <tr class="danger">
- <td>7</td>
- <td>这个是danger的效果</td>
- <td>这个是danger的效果</td>
- <td>这个是danger的效果</td>
- </tr>
- </tbody>
- </table>
- </body>
- </html>
效果图:
- bootstrap3的.tabel .danger
- bootstrap3的.tabel .danger
- bootstrap3的alert-danger
- bootstrap3的alert-danger
- tabel根据设置的宽度自动换行
- Lua的tabel,,查找字符串和值
- bootstrap3的visible-*
- bootstrap3的 progress 进度条
- bootstrap3的 progress 进度条
- bootstrap3的visible-*
- Bootstrap3的简单入门
- bootstrap的text-muted和text-danger
- bootstrap的text-muted和text-danger
- 鼠标经过Tabel的tr tr的背景色变换
- 应用C# 可变数量的参数,使Tabel 随意显示
- Oracle truncate table 与 delete tabel的区别
- Oracle truncate table 与 delete tabel的区别
- Oracle truncate table 与 delete tabel的区别
- 小议 “重载”、“覆盖”、“隐藏”
- cloudfoundry.yml
- 小于等于n的正整数相加等于m的一个算法
- bootstrap3的panel(折叠窗口或手风琴效果)
- 关于PL\SQL应用的碎记
- bootstrap3的.tabel .danger
- (六)01机房收费系统数据库设计说明书
- paip.2013年技术趋势以及热点 v3.0 cao
- 文本框输入限制大全
- 纹理(全解)
- paip.互联网产品要成功的要素
- C语言中的符号重载,static
- bootstrap的text-muted和text-danger
- bootstrap3的list-unstyled和list-inline