navbar2 [bootstrap] Bootstrap 이용하기 04 (170406) Bootstrap 이용하기 04 bootstrap을 이용한 navigation bar- jquery를 이용한 nav ** 출력 결과 ** - bootstrap을 이용한 nav - 훨씬 편리하게 tab을 만들 수 있다. - 탭의 클래스로 nav, nav-tabs 와 하위 a 요소에 data-toggle="tab" 을 준다. - contents에 tab-content 와 하위 div에 tab-pane를 주고 로딩 후 첫 화면에 띄울 요소인 id="one"인 div에 active를 준다. ** 실행 결과 ** - bootstrap nav의 class속성- nav-justified : nav의 li가 비율에 맞게 꽉차게 나타난다.- nav-pills : 버튼 형태의 nav를 생성한다.- nav-stacked :.. 2017. 4. 6. [CSS] CSS 입문 03 (170327) CSS 입문 03 Page Layout2단 레이아웃 배치법 01-navigation, content-navigation에 width를 주고 content에 margin값을 준다. ** 출력 결과 ** 2단 레이아웃 배치법 02- navigation, content- content에 맞춰 navigation의 height 나타나게 하기- navigation의 position을 absolute로 주고 넓이를 지정한다.- content의 border-left를 200px로 지정하여 색을 지정한다. ** 출력 결과 ** 3단 레이아웃 배치법- 좌, 우 navigation과 content- 위와 동일한 방법에서 각각의 navigation에 right:0과 left:0 을 지정한다.- content의 좌우에 mar.. 2017. 3. 27. 이전 1 다음
