티스토리 뷰
부트스트랩 사이트: https://getbootstrap.com/
Bootstrap
The most popular HTML, CSS, and JS library in the world.
getbootstrap.com
부트스트랩을 구현하기 위한 필수 코드 (header 사이에 입력)
사이트에서 Starter Template을 사용하지 않는 경우 사용
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
부트스트랩 사이트에서 Docs게시판으로 갑니다.
화면 가운데에 Introduction이 보일 겁니다.
다른 화면으로 이동하지 말고 마우스 스크롤을 내려서 Starter Template 항목까지 내립니다.
Starter template 우측을 보면 [ copy ] 버튼이 있습니다. 복사한 다음에 본인의 Tool로 붙여넣기 하시면 됩니다.
해당 템플릿은 <html><head>부터 </head></html>까지 있으니 중복되지 않게 주의해 주세요.
기본준비가 되었으니 이제 보라색 네비바(Navigation bar) 하단 검색 창에서
원하는 기능을 검색하여 스타터 템플릿을 이용했던 것처럼 복사 붙여넣기 하시면 됩니다.
'HTML & CSS > Bootstrap' 카테고리의 다른 글
| [부트스트랩] 리스트 Badge (0) | 2022.01.07 |
|---|---|
| [부트스트랩] 글자 정렬 text-align (0) | 2022.01.07 |
| [부트스트랩] 다양한 태그 (0) | 2022.01.07 |
| [부트스트랩] text Format (0) | 2022.01.07 |
| [부트스트랩] 다양한 테이블 (0) | 2022.01.07 |
댓글