Bootstrap의 컨텍스트 클래스를 사용하면 테이블 행이나 개별 셀의 배경색을 변경할 수 있습니다.
카테고리는 다음과 같습니다.
Category
|
Description
|
.active
|
특정 행이나 셀에 마우스 오버 색상 적용
|
.성공
|
는 성공 또는 긍정적인 작업을 나타냅니다.
|
warning | 은 주의가 필요할 수 있는 경고를 나타냅니다. |
Ex ample |
활성화의 예는 다음과 같습니다. 수업: 예
|
라이브 데모<!DOCTYPE html>
<html>
<head>
<title>Bootstrap Table</title>
<link href = "/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<script src = "/scripts/jquery.min.js"></script>
<script src = "/bootstrap/js/bootstrap.min.js"></script>
</head>
<body>
<table class = "table">
<thead>
<tr>
<th>Subject</th>
<th>Marks</th>
<th>Student</th>
</tr>
</thead>
<tbody>
<tr class = "active">
<td>Maths</td>
<td>90</td>
<td>Amit</td>
</tr>
<tr>
<td>Science</td>
<td>80</td>
<td>Aman</td>
</tr>
<tr>
<td>English</td>
<td>85</td>
<td>Rahul</td>
</tr>
</tbody>
</table>
</body>
</html>
로그인 후 복사
위 내용은 부트스트랩 컨텍스트 클래스의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!