쌍용교육(JAVA)/Bootstrap

s18_main.html Star Blog Home Product Dropdown 사원소개 제품소개 회사소개 Search First slide label 코알라 이미지~~ Second slide label 펭귄 이미지~~ Third slide label Lighthouse 이미지~~ Forth slide label Tulip 이미지~~ Previous Next Header Secondary card title 오늘은 날씨가 폭근하고 저녁에 산들바람이 불어 더위를 사라질 것으로 예상됩니다 Header Secondary card title 오늘은 날씨가 폭근하고 저녁에 산들바람이 불어 더위를 사라질 것으로 예상됩니다 Header Secondary card title 오늘은 날씨가 폭근하고 저녁에 산들바람이 ..

s11_buttons.html Buttons primary Secondary Success Danger Warning Info Light Dark Outline Buttons primary Secondary Success Danger Warning Info Light Dark Button group Left Middle Right Active Link Active link link link Outlined styles Left Middle Right Checkbox button groups Checkbox 1 Checkbox 2 Checkbox 3 Radio button groups Radio 1 Radio 2 Radio 3 s12_card.html Cards Card title 여름에는 더운 날씨로 온..

s04_grid.html 12개 컬럼 .col-md-1 .col-md-1 .col-md-1 .col-md-1 .col-md-1 .col-md-1 .col-md-1 .col-md-1 .col-md-1 .col-md-1 .col-md-1 .col-md-1 2개 컬럼 .col-md-8 .col-md-4 같은 넓이 1 of 2 2 of 2 중앙 컬럼은 숫자를 지정하고 좌,우 컬럼은 지정하지 않음 1 of 3 2 of 3 3 of 3 컬럼들은 모바일에서 50% 넓이로 시작하고 데스크탑에서는 33.3% 넓이가 됨 .col-6 .col-md-4 .col-6 .col-md-4 .col-6 .col-md-4 row-cols-를 이용해서 컬럼 수 지정 Column Column Column Column row-cols-au..

k https://getbootstrap.com/ Bootstrap Powerful, extensible, and feature-packed frontend toolkit. Build and customize with Sass, utilize prebuilt grid system and components, and bring projects to life with powerful JavaScript plugins. getbootstrap.com s01_basic.html DOcs에서 link를 찾아서 Hello Bootstrap s02_container.html container - 좌우에 여백이 있음 내용 container-fluid - viewport를 꽉 채운 container 내용 s03_cont..