이전 기사에서는 Bootstrap3 연구 노트 (1)와 그리드 시스템 Bootstrap3 연구 노트 (2)와 Bootstrap3 연구 노트 (2)의 레이아웃을 그리드 시스템에 소개했습니다.
테이블 태그의 .table 클래스를 사용하여 Bootstrap의 기본 테이블 스타일을 사용하십시오.
라인 배경을 번갈아 가려면 다음과 같이 설정할 수 있습니다.
코드 사본은 다음과 같습니다.
<테이블>
테두리가 필요한 경우 다음과 같이 설정할 수 있습니다.
코드 사본은 다음과 같습니다.
<테이블>
마우스가 컨텐츠 라인으로 이동하여 반응 형 효과를 얻으려면 다음과 같이 설정할 수 있습니다.
코드 사본은 다음과 같습니다.
<테이블>
테이블을 컴팩트하고 공간을 절약하려면 이렇게 설정할 수 있습니다. 셀의 페딩은 4px로 절단되고 기본 패딩은 8px입니다.
코드 사본은 다음과 같습니다.
<테이블>
특정 스타일을 행에 추가 할 수도 있습니다.
<tr> <tr> <t> <tr> <tr>
다른 장치에 일관되게 표시 되려면 테이블에 응답 형 설정을 사용할 수도 있습니다. Div를 사용하여 테이블 외부를 수정하여 768px 미만의 장치에 자동으로 적응합니다.
코드 사본은 다음과 같습니다.
<div>
부트 스트랩은 테이블 요소를 지원합니다.
위의 것은 Bootstrap3 연구 노트 (iii) 편집자가 소개 한 양식에 대한 관련 지식입니다. 나는 그것이 당신에게 도움이되기를 바랍니다. 궁금한 점이 있으면 메시지를 남겨 주시면 편집자가 제 시간에 답장을 드리겠습니다. Wulin.com 웹 사이트를 지원해 주셔서 대단히 감사합니다!