고정 헤더 영역
상세 컨텐츠
본문
반응형
안녕하세요 상훈입니다.
프론트엔드 부트스트랩 프레임워크를 사용하고 싶을때,
cdn으로 class와 id에 대한 javascript, css를 적용하는 방법을 포스팅하겠습니다.
아래의 링크를 복사하여 head 태그 안에 넣는 방법(1)
<!-- Css -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-uWxY/CJNBR+1zjPWmfnSnVxwRheevXITnMqoEIeG1LJrdI0GlVs/9cVSyPYXdcSF" crossorigin="anonymous">
<!-- Javascript -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-kQtW33rZJAHjgefvhyyzcGF3C5TFyBQBA13V1RKPf4uH+bwyzQxZ6CmMZHmNBEfJ" crossorigin="anonymous"></script>
이곳에 들어가 해당되는 태그들을 복사하여 head 태그 안에 넣는 방법(2)
Introduction
Get started with Bootstrap, the world’s most popular framework for building responsive, mobile-first sites, with jsDelivr and a template starter page.
getbootstrap.com
이와 같이 head 태그 내에 넣는것이다.
'FrontEnd' 카테고리의 다른 글
| [HTML] img 태그 현명하게 사용하기 (0) | 2023.05.29 |
|---|---|
| [NVM] Node.js 버전 낮춰서 Nuxt.js 프로젝트 구동하기 / window (0) | 2022.11.11 |
| VSCode - HTML Formatter 설정하는 방법, html 서식 지정하기 (0) | 2022.05.23 |
| [ Html ] Title 이미지(Image) / 아이콘(Icon) 적용하는 방법 (0) | 2021.10.05 |
댓글 영역