부트 스트랩 4 Navbar의 메뉴는 내가 부트 스트랩 4의 새로운 그리고 난이 모양의 테두리로 둘러싸인 메뉴 바의 메뉴에 대한 부트 스트랩 4의 옵션이 있는지 알고 싶어 테두리

Question

에 의해 둘러싸인!

Answer 1

.nav-item { 
 
border-right: 1px solid silver; 
 
padding-right: 15px; 
 
} 
 
.nav-item:first-child { 
 
    border-left: 1px solid silver; 
 
    padding-left: 15px; 
 
}

<link href="https://cdn.rawgit.com/twbs/bootstrap/v4-dev/dist/css/bootstrap.css" rel="stylesheet"/> 
 

 
<nav class="navbar navbar-light" style="background-color:#fff"> 
 
    <ul class="nav navbar-nav"> 
 
    <li class="nav-item active"> 
 
     <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a> 
 
    </li> 
 
    <li class="nav-item"> 
 
     <a class="nav-link" href="#">Features</a> 
 
    </li> 
 
    <li class="nav-item"> 
 
     <a class="nav-link" href="#">Pricing</a> 
 
    </li> 
 
    <li class="nav-item"> 
 
     <a class="nav-link" href="#">About</a> 
 
    </li> 
 
    </ul> 
 
</nav>