테스트 사이트 - 개발 중인 베타 버전입니다

부트스트랩 메뉴 양쪽정렬방법 채택완료

쥬노 6년 전 조회 5,720

부트스트랩으로 메뉴를 만들려고 하다보니,,,,가운데 양쪽정렬을 하고 싶은데요.

어떻게하면 메뉴를 왼쪽, 오른쪽 정렬이 아닌, 가운데 양쪽 정렬(justified)로 하려고 하는데...

이리저리 해봐도 안되서 고수님들께 문의드립니다.

--------------------------------------------------------------------

                      부트스트랩 101 템플릿

        " target="_blank" rel="noopener noreferrer">https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">

        " target="_blank" rel="noopener noreferrer">https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap-theme.min.css">

           

     

   

    " target="_blank" rel="noopener noreferrer">https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js">         " target="_blank" rel="noopener noreferrer">https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js">  

--------------------------------------------------------------------

고수님들의 조언 부탁드립니다.

댓글을 작성하려면 로그인이 필요합니다.

답변 2개

채택된 답변
+20 포인트
6년 전
    .navbar-nav {
        margin: 0 auto;
        display: table;
        table-layout: auto;
        float: none;
        width: 100%;
    }
    .navbar-nav>li {
        display: table-cell;
        float: none;
        text-align: center;
    }

로 해보세요..  bootstrap 4에서는 nav-justified라고 있습니다.

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

쥬노
6년 전
마젠토님아...하나만 더 여쭤볼게요...알려주신데로 했더니 잘되는데요...화면을 줄였을때 메뉴들이 가로로나는데요....화면을 스마트폰 크기로 줄였을때 메뉴들이 세로로 나오게 하는 방법을 아시면 좀 알려주세요....죄송합니다.

댓글을 작성하려면 로그인이 필요합니다.

아르키어드

가운데 양쪽정렬이라는게 이해가되지않습니다. . .

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

쥬노
6년 전
아...제가 말을 이상하게 적었나봅니다...죄송합니다...양쪽정렬입니다.

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인