오른쪽 메뉴 클릭시 드롭다운메뉴가 나옵니다.
보시면 오른쪽에 여백이 생겨있습니다.
영역으로 잡아서 봤더니 아래 사진처럼
왼쪽으로 가려져서 나오는 or 메뉴부분에 맞춰서 나오는듯 해요-
여백없이 100%로 나오게 하려면 어떻게 수정해주면 될까요?
클릭시 내려오는 메뉴 class가 dropdown-menu 입니다.
.navbar-default .navbar-nav li{
background-color: #fff;
}
.navbar-default .navbar-nav>li> a{
color:#333;
font-size: 17px;
background: #f0f0f0;
background:#eee;
border-bottom:1px solid #CCC;
}
.dropdown-menu {
display:block;
position:absolute;
}
.navbar-default .navbar-nav .dropdown-menu>li{
color: #CCC;
font-size: 16px;
border-bottom:1px solid #CCC;
}
.navbar-default .navbar-nav .dropdown-menu>li>a:focus, .navbar-default .navbar-nav .dropdown-menu>li>a:hover {
background-color:#fff;
text-decoration:none;
}
.navbar-default .navbar-nav .dropdown-menu>.active>a, .navbar-default .navbar-nav .dropdown-menu>.active>a:focus, .navbar-default .navbar-nav .dropdown-menu>.active>a:hover {
color:#555;
background-color:#e7e7e7
}
.navbar-default .navbar-nav .dropdown-menu>.disabled>a, .navbar-default .navbar-nav .dropdown-menu>.disabled>a:focus, .navbar-default .navbar-nav .dropdown-menu>.disabled>a:hover {
color:#ccc;
background-color:transparent
}
답변 1개 / 댓글 4개
nanati페이지를 알려주시면 더 정확히 알려드릴 수가 있는데...
width:100% 넣어도 안되나요?
답변에 대한 댓글 4개
margin-right: 0px;
margin-left: -30px;
}
요기의 margin-left: -30px;에 영향을 받고 있네요
.navbar-default .navbar-nav
요기에
width: 100%;
margin-left: 15px;
를 추가해보세요.
답변을 작성하려면 로그인이 필요합니다.