TI이야기

부트스트랩의 버튼 사용시 유용한 옵션이다.

# 가장 기본적인 버튼

class="btn btn-primary"

class="btn btn-secondary"

class="btn btn-success"

class="btn btn-danger"

class="btn btn-warning"

class="btn btn-info"

class="btn btn-light"

class="btn btn-dark"

# 테두리만 있는 버튼

class="btn btn-outline-primary"

# 큰 버튼

class="btn btn-primary btn-lg"

# 작은 버튼

class="btn btn-primary btn-sm"

# 부모의 폭(Width)를 꽉채운 큰 버튼

class="btn btn-primary btn-lg btn-block"

# 사용법

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

출처>

https://getbootstrap.com/docs/4.4/components/buttons/