Bootstrap 부트스트랩 이용하기

송은혜·2022년 1월 26일
0

내가 이해한대로

목록 보기
3/12

부트스트랩은 개발자들이 보다 빠르고 편리하게 코드를 짤 수 있도록 짜여있는 css를 모아둔 라이브러리이다.

예쁘게 꾸미는 것을 잘 못한다면 강추한다.

url - Bootstrap

부트스트랩을 사용하려면 사이트에서 다운로드하는 방법이 있는데 , 나는 직접 스크립트를 추가하는 방식으로 진행하였다.

    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
          integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"
            integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM"
            crossorigin="anonymous"></script>

(제이쿼리 및 몇가지 라이브러리, 부트스트랩 링크 ...)

위 코드를 임포트를 해주고, 사이트에서 원하는 모양을 찾아서 코드를 복사 붙여넣기 해주기만 하면 된다.

가져온 코드를 내 마음에 들게 조금씩 수정도 가능하다.

0개의 댓글