부트스트랩_간단한 화면 만들기

hyunjung Koo·2021년 9월 27일
0

부트스트랩 이용한 간단한 웹페이지 만들기

부트스트랩이란, 간단하게 설명하자면 SCC 모음집이다. 뿐만 아니라 간단한 JS코드도 제공한다.

링크텍스트

먼저, 부드스트랩의 오픈 소스 툴을 가져다 쓰고 싶다면 head 안에
"나는 부트스트랩에서 제공하는 코드를 사용할 겁니다"라고 링크를 걸어준다.

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"
        integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">

다음, 부트스트랩에서 원하는 툴을 복사하여 body에 복붙하면 끝!

오픈 소스 툴을 몇 개 조합하고 조금 수정해주면
아래 이미지와 같은 간단한 웹 페이지를 만들 수 있다 :)

profile
날마다 꾸준히 성장하는 Software Engineer

0개의 댓글