Bootstrap

Powerful, extensible, and feature-packed frontend toolkit.
강력하고 확장 가능하며, 기능이 풍부한 프론트엔드 툴킷

부트스트랩 v5.3.0

HTML 코드 스니펫

아래의 코드를 복사 후 원하는 부분에 넣으면 돼요!


Bootstrap 5.X

CSS

Bootstrap 버전은 업데이트 되고, 기존 버전 또한 그대로 사용할 수 있어요!


<link href='https://uiharu.dev/cdn/bootstrap/5.3.0/css/bootstrap.min.css' rel='stylesheet' />

혹시 몰라 RTL(Right to Left) 버전도 추가했어요!


<link href='https://uiharu.dev/cdn/bootstrap/5.3.0/css/bootstrap.rtl.min.css' rel='stylesheet' />

자바스크립트

Navbar 기능 동작 등은 자바스크립트도 필요해요.


<script src='https://uiharu.dev/cdn/bootstrap/5.3.0/js/bootstrap.bundle.min.js'></script>

Bootstrap 아이콘

혹시 몰라 아이콘도 추가했어요!


<link href='https://uiharu.dev/cdn/bootstrap/1.10.3/icons/bootstrap-icons.css' rel='stylesheet' />


Bootstrap 4.x

Bootstrap 4.6.2

Bootstrap 4.x 버전대는 권장하지 않아요. 레거시 지원으로 4.6.2 단일버전만 제공해요.


CSS
<link href='https://uiharu.dev/cdn/bootstrap/4.6.2/css/bootstrap.min.css' rel='stylesheet' />
자바스크립트
<script src='https://uiharu.dev/cdn/bootstrap/4.6.2/js/bootstrap.bundle.min.js'></script>