Bootstrap 사용하기

Bootstrap 사용법

 

https://getbootstrap.com/

Bootstrap

 

bootstrap 홈페이지 진입

 

Docs 클릭

 

 

html 파일 안에

표시한 구문들을 입력 하면 bootstrap 사용 준비 완료이다.

 

 

사용 예시)

    <button class="btn btn-primary">버튼</button>

    <button class="btn btn-secondary">버튼</button>

    <button class="btn btn-success">버튼</button>

    <button class="btn btn-info">버튼</button>

    <button class="btn btn-warning">버튼</button>

    <button class="btn btn-danger">버튼</button>

<table class="table table-striped table-dark">

기본적으로 요소 안에 class="" 안에 bootstrap에서 나와있는 값들을 입력하면 해당 css로 적용이 된다.

class 안에 값만 넣어줘도 css를 따로 만들 필요없이 bootstrap에 만들어놓은 css로 적용이 된다.

 

 

구현된 모습