>  기사  >  웹 프론트엔드  >  부트스트랩에는 어떤 클래스가 있나요?

부트스트랩에는 어떤 클래스가 있나요?

藏色散人
藏色散人원래의
2019-07-23 11:39:282644검색

부트스트랩에는 어떤 클래스가 있나요?

부트스트랩의 카테고리는 무엇인가요

BootStrap에서 일반적으로 사용되는 스타일 클래스

Grid options

row: row

col-- : 열(첫 번째는 xs[초소형]/sm[소형]/md[중형]/lg[대형]일 수 있고, 두 번째는 12 이내의 [열 수]여야 합니다)

col--offset-: 열 오프셋(첫 번째는 위와 동일, 두 번째 범위는 1~11, 즉 열의 왼쪽 여백(margin-left)을 늘리는 의미)

col - --: 열 정렬(첫 번째는 위와 동일, 두 번째는 밀기[오른쪽]/당기기[왼쪽] 가능, 세 번째 범위는 1~11[열 수])

#🎜 🎜## 🎜🎜#Typesetting

small: 인라인 자막

lead: 리드 본문 사본

text-: 텍스트 스타일 ( 왼쪽[왼쪽 정렬]/가운데[가운데 정렬]/오른쪽[오른쪽 정렬]/음소거[약한 텍스트]

/primary/success/info/warning/danger

#🎜🎜 # /justify[자동 줄 바꿈]/nowrap[줄 바꿈 없음]

/lowercase[소문자]/uppercase[대문자]/capitalize[첫 글자 대문자]

)# 🎜🎜#

list-inline: 목록이 같은 줄에 배치됩니다.

Table

table: 기본 스타일만 가로 구분선#🎜🎜 #table-: 테이블 스타일(*삼중 가능[줄무늬 추가]/테두리[테두리 추가]/호버[호버 활성화]/압축[더 컴팩트])#🎜 🎜#tr/th /td: active/success/info/warning/danger로 배경색 변경

table-반응: 테이블 반응형 내부에 테이블을 배치하여 반응형 테이블 구현

#🎜🎜 #

Form

기본 양식(세로 양식)을 만드는 단계

부모 요소에 role="form" 추가;

# 🎜🎜#클래스 .form-group에 레이블과 컨트롤을 배치합니다. 이는 최상의 간격을 얻는 데 필요합니다. 관련 권장사항: "

bootstrap tutorial#🎜🎜 #》

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

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.