ブートストラップでナビゲーションバーを右に移動

Question

フロートを使用して、ブートストラップ4内のナビゲーションバーを画面の右側に移動しようとしました。ナビ上では何もしていません。私は、私が行っているプロジェクトのコードを書くためにcodepenアプリケーションを使用しています。

HTMLコード：

<div class="container-fluid"> 
<class="row"> 
<header> 
<nav class="navbar navbar-fixed-top"> 
<a href="#" class="glyphicon glyphicon-user">About</a> 
<a href="#" class="glyphicon glyphicon-th-large">Portfolio</a> 
<a href="#" class="glyphicon glyphicon-envelope">Contact</a> 
</div> 
</nav> 
</header> 
</div> 
</div> 
</body> 
</html> 

CSSファイル：

@import url('//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css'); 

nav a { 
    color: black; 
    padding: 10px; 
    font-size: 32px; 
    background-color: gray; 
} 

Answer 1

その作業罰金、ちょうどフロートを追加します！右が重要。ここにあなたのCSSで

@import url('//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css'); 

nav a { 
    color: black; 
    padding: 10px; 
    font-size: 32px; 
    background-color: gray; 
    float: right !important; 
} 

はペンです：Working Example (CodePen)