오른쪽 메뉴 클릭시 드롭다운메뉴가 나옵니다.

보시면 오른쪽에 여백이 생겨있습니다.

영역으로 잡아서 봤더니 아래 사진처럼

왼쪽으로 가려져서 나오는 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

}