在引導中將導航欄移動到右側

我一直試圖通過使用float將bootstrap4中的導航欄移動到屏幕的右側：right;在導航上，它只是沒有做任何事情。我正在使用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; 
}

來源

2017-08-28 James Velardi

有什麼問題嗎？ –

你能提供codepen嗎？ –

其做工精細，只需添加浮動：權重;在你的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)

來源

2017-08-28 03:07:51

你會碰巧知道爲什麼當我將鏈接浮動到引導程序的右邊時，列表會改變順序嗎？它不會在常規的CSS中這樣做。 –

你可能會錯過某些東西，或者你的css class/id沒有正確地繼承或者你的代碼中有一些其他的含糊不清，如果你把你的代碼同時發佈到HTML和CSS上，會有很多問題。 @JamesVelardi –

在引導中將導航欄移動到右側

回答

相關問題