パンくずリストのようにnavbarに仕切りを作るには？

Question

ナビゲーションバーのリンク間に「デバイダ」を作成したい前

：ホームライブラリログアウト
後：ホーム/ライブラリ/ログアウト

私はこれをどのように行うことができますか？

Answer 1

これを試してください。

とCODEPEN

HTMLでの例をご確認ください：

<div class="navbar navbar-default"> 
    <ul class="nav navbar-nav"> 
    <li><a href="#">HOME</a></li> 
    <li><a href="#">ABOUT US</a></li> 
    <li><a href="#">SERVICES</a></li> 
    <li><a href="#">WORK</a></li> 
    <li><a href="#">BUSINESS</a></li> 
    <li><a href="#">CONTACT</a></li> 
    </ul> 

</div> 

はCSS：

div.navbar a { 
    display: inline-block; 
} 

ul li:after { 
    content: "/"; 
} 

ul li:last-child:after { 
    content: ""; 
} 

私はそれはあなたの