부트스트랩
부트스트랩은 웹 사이트를 빠르게 제작하기 위한 무료 프론트앤드 프레임워크 툴 입니다.
HTML, CSS, JS, JQ를 기본적으로 이해한 경우 활용할 수 있습니다.
반응형웹을 지원합니다.
지정된 명령식을 이용하여 다양한 JS script와 CSS 표현등을 구현할 수 있습니다.
부트스트랩을 사용하지 않고 요소를 가운데 정렬한 경우(inline style)
.center {text-align:center;}
<p class="center">가운데정렬</p>부트스트랩을 사용하여 요소를 가운데 정렬한 경우
<p class="text-center">가운데정렬</p>
부트스트랩 4.6.2 다운로드
https://getbootstrap.com/docs/4.6/getting-started/introduction/
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
부트스트랩을 적용하려면 html head 영역에 다음과 같은 세팅정보 등록이 필요합니다.
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css" integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-Fy6S3B9q64WdZWQUiU+q4/2Lc9npb8tCaSX9FK7E8HnRr0Jz8D6OP9dO5Vg3Q9ct" crossorigin="anonymous"></script>
728x90
Comments, Trackbacks