티스토리 뷰

프로젝트

[프로젝트/WatchU] Web UI

ellie.strong 2021. 7. 5. 11:53
728x90

<목차>


    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

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

    728x90

    '프로젝트' 카테고리의 다른 글

    [프로젝트/WatchU] DB  (0) 2021.07.17
    [프로젝트/WatchU] HTTP Requests Format  (0) 2021.07.16
    [프로젝트] 협업 참고 자료  (0) 2021.06.24
    11번가 Open API  (0) 2020.06.20
    원하는 물건을 찾아줌  (0) 2020.06.19
    댓글
    공지사항
    최근에 올라온 글