집 >웹 프론트엔드 >HTML 튜토리얼 >부트스트랩 컨텍스트 클래스

부트스트랩 컨텍스트 클래스

PHPz앞으로: 2023-08-30 08:45:07774검색

부트스트랩 컨텍스트 클래스

Bootstrap의 컨텍스트 클래스를 사용하면 테이블 행이나 개별 셀의 배경색을 변경할 수 있습니다.

카테고리는 다음과 같습니다.

warning은 주의가 필요할 수 있는 경고를 나타냅니다. 라이브 데모

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

Category	Description
.active	특정 행이나 셀에 마우스 오버 색상 적용
.성공	는 성공 또는 긍정적인 작업을 나타냅니다.

Ex ample	활성화의 예는 다음과 같습니다. 수업: 예

위 내용은 부트스트랩 컨텍스트 클래스의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

bootstrap

성명：

이 기사는 tutorialspoint.com에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제

이전 기사：HTML5 오디오가 재생 중인지 확인다음 기사：HTML5 오디오가 재생 중인지 확인