[프로젝트/WatchU] Web UI

<목차>

---

CSS - Button - 버튼스타일 (버튼크기, 버튼색깔, 버튼비활성화, 버튼그룹, 이미지위버튼) (homzzang.com)

 

버튼 크기 조절

[bootstrap] 부트스트랩 – 버튼(Buttons)의 크기 조절 (tistory.com)

 

버튼 모양

부트스트랩 4의 버튼(input,a, button) 모양 : 네이버 블로그 (naver.com)

 

버튼 색상 커스터마이징

bootstrap, button 색상 변경하기 – raonworks

 

공백 크기

bootstrap - 공백(Spacing) 주는 법 (mt , mb, ml, mr, mx, my, pt, pb, pl, pr, px, py) (velog.io)

 

 

Buttons

Buttons · Bootstrap (getbootstrap.com)

 

Nvigation Bar

Navbar · Bootstrap (getbootstrap.com)

 

화면 가운데 정렬

<div class="container mt-5">
  <div class="row d-flex justify-content-center align-items-center">
  <!--- content --->
  </div>
</div>

 

 

btn-primary 테마 색상 변경

bootstrap.min.css에서  btn-primary 색상 속성을 직접 변경하였다.

- 대표 색상 : #ffe699, 클릭 색상 : #ffd85d