컨테이너 연습
container 연습
container-fluid 연습
그리드 칼럼 연습
One of three columns 칼럼 연습
One of three columns 칼럼 연습
One of three columns 칼럼 연습
1 of 2
2 of 2
1 of 3
2 of 3
3 of 3
Column
Column
Column
Column
1 of 3
2 of 3 (wider)
3 of 3
1 of 3
2 of 3 (wider)
3 of 3
1 of 3
Variable width content
3 of 3
1 of 3
Variable width content
3 of 3
글씨 연습
h1 입니다.
h2 입니다.
h3 입니다.
h4 입니다.
h5 입니다.
h6 입니다.
테이블 연습
| # | First | Last | Handle |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry | the Bird |
피규어 연습
알람 연습
A simple primary alert—check it out!
A simple secondary alert—check it out!
A simple success alert—check it out!
A simple danger alert—check it out!
A simple warning alert—check it out!
A simple info alert—check it out!
A simple light alert—check it out!
A simple dark alert—check it out!
헤드라인 연습
Example heading New
Example heading New
Example heading New
Example heading New
Example heading New
Example heading New
Primary Secondary Success Danger Warning Info Light Dark버튼 연습
카드 연습
Card title 카드 연습
Some quick example text to build on the card title and make up the bulk of the card's content.
Go somewhere
카드 연습
Special title treatment
With supporting text below as a natural lead-in to additional content.
Go somewhere슬라이드 연습
컬랩스 연습
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid.
Nihil
anim
keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.
드롭다운 연습
폼 연습
점보트론 연습
Hello, world!
This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.
It uses utility classes for typography and spacing to space content out within the larger container.
Learn more