Bootstrap

[Bootstrap] navbar(내비게이션바) 오른쪽 정렬, 양쪽 정렬

부트스트랩은 사용법이 간단해서 참 좋은데 가끔 의도한 대로 움직이지 않는 경우가 있다. navbar(내비게이션바) 작업을 하면서 이런저런 시도 끝에 알게 된 다양한 정렬에 대해 공유해본다. 1. navbar 왼쪽 정렬(기본) LOGO Home About Resiter Login 부트스트랩에서 제공하는 기본적인 왼쪽 정렬 navbar이다. (반응형 toggle 포함) 2. navbar 오른쪽 정렬 LOGO Home About Resiter Login 태그를 감싸고 있는 태그에 justify-content-end 라는 class를 추가한다. 3. navbar 양쪽 정렬 LOGO Home About Resiter Login 왼쪽에 두고 싶은 메뉴와 오른쪽에 두고 싶은 메뉴를 각각 태그로 감싼다. 2개의 태그를..

[TIL] 포트폴리오 페이지 제작, 깃헙, 부트스트랩

✍ Today I Learned 오늘은 포트폴리오 웹 페이지 사이트를 제작했다 작성하다 보니 어떻게 만드는가 보다 내가 얼마나 열심히 해야 하는가를 깨닫는 중 처음부터 완벽하려는 욕심에 시간이 많이 걸렸다.. 일단 완성하는 게 목표! Git 이란? 소스코드 버전 관리 시스템 버전 관리란? 수정한 각 파일이 충돌하지 않도록 수정된 사항이 있을 때마다 사진 찍듯이 저장해주는 것 원격 repo와 로컬 repo를 연결하려면? 로컬 repo에서 원격 repo로 tracking 하고, 원격 repo commit 내역을 pull 해온다 또는 원격 repo를 clone해온다 (주로 원격 repo에 어떤 내용이 있을 때 사용) 내 파일을 원격 repo, 그러니까 Github에 만들어 놓은 repo에 올리려면? 파일 생성..

[TIL] CSS flex, table, 부트스트랩

✍ Today I Learned display: flex; display: table; 을 이용하면 중앙 정렬을 간단하게 할 수 있다. .flex-container { display: flex; justify-content: center; align-items: center; } .boxwrap { display: table; } .boxwrap .box { display: table-cell; table-layout: fixed; vertical-align: middle; text-align: center; } 쇼핑몰 페이지가 PC와 모바일 서버를 따로 두는 이유 트래픽 분산을 위해 기획적인 부분(노출되는 품목이 다름) 부트스트랩을 사용하는 2가지 방법 다운 받아서 사용 장점 - 내가 사용하는 버전으로..