2017년 6월 14일 수요일

MVC, Bootstrap : 상단 메뉴 (네이게이션 바) 의 왼쪽에 메뉴 추가


참고 : MVC 웹 응용프로그램 생성 및 시작페이지 변경


MVC 사이트를 만들면 기본적으로 메뉴바가 생성되는데, 왼쪽 정렬로만 등록되어 있다.
이 경우 오른쪽에 별도의 메뉴를 추가로 등록하는 법. (어차피 Bootstrap 을 이용하므로 기본적으로 Bootstrap 사이트와 동일한 방식이다.)


일단 메뉴바는 "View > Shared > _Layout.cshtml" 에 있다.


여기에 메뉴를 추가해 주면 되는데, 별도로 "ul" 태그를 사용하고, "navbar-right" 스타일시트 클래스를 지정해 주면, 기존 메뉴와 구분되는 별도의 그룹으로 메뉴에 등록된다.


이렇게 기존 메뉴와는 별도로 오른쪽에 메뉴를 추가 할 수 있다.


하지만, 모바일 버젼으로 보일때는 왼쪽 메뉴 -> 오른쪽 메뉴 순으로 순차적으로 나열하는데, 순서는 맞지만 왼쪽메뉴와 오른쪽 메뉴가 구분되어 보이지 않으니, 왼쪽 메뉴와 오른쪽 메뉴의 성격이 다를 경우 주의 할 필요가 있다.