👾

그리드 시스템 (Grid System) 부트스트랩은 layout과 content 정렬을 위한 그리드 시스템을 제공합니다. 그중에서 container, row, column에 대한 사용 방법과 예시는 다음과 같습니다. 1 2 3 4 5 6 7 column1 column2 column3 cs 1. container - container가 감싸고 있는 contents를 가운데 정렬해줌 - 반응형으로 width를 지정하고 싶을 경우 => .container 사용 - width를 화면의 100%로 지정하고 싶을 경우 => .container-fluid 사용 2. row - column을 감싸주는 역할 3. column - row에 들어가는 각각의 content - 옵션을 지정 안 하면 블록 요소처럼 한 줄씩 차지..

부트스트랩 Navbar 설명 부트스트랩의 Navbar는 많은 웹페이지의 화면 상단에서 볼 수 있는 메뉴 바의 기본 틀을 제공합니다. 부트스트랩 사이트(https://getbootstrap.com/)의 Documentation 탭에서 Navbar를 검색하면 자세한 설명과 함께 예시 코드를 볼 수 있습니다. 부트스트랩 사이트의 Examples 탭에 있는 Navbar fixed 예제를 만들어보겠습니다. Navbar의 Documentation에 있는 기본 코드를 실행하면 다음과 같은 Navbar가 만들어집니다. 여기서 변경해야할 점은 다음과 같습니다. 1. 화면의 크기가 medium 이하일 때 toggle 버튼이 생기도록 변경 2. Navbar의 배경 색을 dark로 변경 3. Navbar-brand의 텍스트 ..