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

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

PHPz
풀어 주다: 2023-08-30 08:45:07
앞으로
791명이 탐색했습니다.

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

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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:tutorialspoint.com
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿