부트스트랩?
twitter 개발자에 의해 만들어짐
웹사이트를 쉽게 만들 수 있게 도와주는 프레임 워크
HTML, CSS, JS, LESS, Sass 기반으로 만들어짐
Bootstrap
The most popular HTML, CSS, and JS library in the world.
getbootstrap.com
부트스트랩 · 세상에서 가장 인기있는 모바일 우선이며, 반응형인 프론트엔드 프레임워크.
프리프로세서 부트스트랩은 평범한 CSS 로 제공합니다만, 그것의 소스코드는 2개의 인기있는 CSS 프리프로세서인 Less 와 Sass 를 사용합니다. 신속하게 프리컴파일된 CSS 로 시작하거나 소스를 빌드
bootstrapk.com
<부트스트랩 한글번역판>
부트스트랩 5.02 : 예제등을 담아놓은 총합파일
부트스트랩 examples: https://getbootstrap.com/docs/5.0/examples/ 에 있는 파일들
부트스트랩 dist: 부트스트랩의 중요 파일 (또는 아래처럼 CDN을 meta에 걸어줘도 됨)
<!-- 합쳐지고 최소화된 최신 CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
<!-- 부가적인 테마 -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap-theme.min.css">
<!-- 합쳐지고 최소화된 최신 자바스크립트 -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
Bootswatch: Free themes for Bootstrap
Customizable Changes are contained in just two SASS files, enabling further customization and ensuring forward compatibility.
bootswatch.com
부트스트랩으로 만들어놓은 테마, gnb 등을 모아놓은 곳
파일을 다운받으면 bootstrap.min.css 가 다운 받아진다. <head>태그에 삽입
그 이외에 다른 템플릿을 사용하고 싶으면 html코드를 활용하면 된다.
sass
less : Leaner Style Sheets
동적 전처리기 스타일 시트
참고자료
'Library > Bootstrap' 카테고리의 다른 글
| [Bootstrap] Bootstrap 중단점마다 간격 바꿔주기 (0) | 2022.04.10 |
|---|---|
| [Bootstrap] Bootstrap 터미널 또는 cdn 설치 (0) | 2022.01.12 |
| [Bootstrap] Bootstrap 사용 및 모달창 UI 만들기 (0) | 2021.10.10 |