bootstrap3的.tabel .danger

原創

2018-08-31 04:48

2.3版本的 3.0版本

`.table .error`	`.table .danger`

通過這些狀態class可以爲行貨單元格設置顏色。

實驗代碼：

[html] view plain copy

<!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>

效果圖：

發表評論

所有評論

還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.