기본 테이블 :
<table> <td> <td> username </td> <td> password </td> </tr> <tr> <td> ahhh </td> <td> 1111 </td> </tr> </table>
<table> 태그에 .table 클래스를 추가하면 기본 스타일, 소량의 패딩 및 수평 분배기를 줄 수 있습니다.
디스플레이 효과는 다음과 같습니다.
줄무늬 형태 :
추가 : 클래스 = "테이블 스트리핑"테이블 태그에 TABLE 내의 각 행에 얼룩말 줄무늬가 추가 될 수 있습니다.
<table> <td> <td> username </td> <td> password </td> </tr> <tr> <td> ahhh </td> <td> 1111 </td> </tr> </table>
디스플레이 효과는 다음과 같습니다.
경계가있는 테이블 :
테이블 태그에 클래스 = "테이블 주형"을 테이블 태그에 추가하여 테이블의 각 셀에 경계를 추가하십시오.
<table> <td> <td> username </td> <td> password </td> </tr> <tr> <td> ahhh </td> <td> 1111 </td> </tr> </table>
디스플레이 효과는 다음과 같습니다.
조임 양식 :
.table-condensed 클래스를 추가하면 테이블이 더 컴팩트 할 수 있으며 셀의 패딩은 절반으로 줄어 듭니다.
<table> <td> <td> username </td> <td> password </td> </tr> <tr> <td> ahhh </td> <td> 1111 </td> </tr> </table>
디스플레이 효과는 다음과 같습니다.
응답 테이블 :
.table-responsive 요소 내에 .table 요소를 감고 작은 화면 장치 (768px 미만)에서 수평으로 스크롤하는 응답 테이블을 만듭니다. 화면이 768px 너비보다 큰 경우 수평 스크롤 막대가 사라집니다.
<div> <table> <tr> <td> username </td> <td> password </td> </tr> <tr> <td> ahhh </td> <td> 1111 </td> </tr> </table> </div>
위는 편집자가 소개 한 6 번째 부트 스트랩 양식 스타일 소개에 대한 전체 설명입니다. 모든 사람에게 도움이되기를 바랍니다. 궁금한 점이 있으면 메시지를 남겨 주시면 편집자가 제 시간에 모든 사람에게 답장을 드리겠습니다. Wulin.com 웹 사이트를 지원해 주셔서 대단히 감사합니다!