Bootstrap-導航欄對齊

Question

我從引導程序獲取代碼來創建導航欄，並更改了內部文本以顯示圖像。 所有顯示都很好，但我想更改某些內容，但無法解決。 這是導航欄的代碼：

<div class="navbar">
<div class="navbar-inner">
<ul class="nav">
 <li class="active"><a href="#"><img src="http://4.bp.blogspot.com/-Dv_1JE3QwtY/UXCa6uQGgQI/AAAAAAAASok/iUT8MJ3Y_QM/s1600/Upload+Symbol.png" width="100"></a></li>
 <li><a href="#"><img src="http://4.bp.blogspot.com/-Dv_1JE3QwtY/UXCa6uQGgQI/AAAAAAAASok/iUT8MJ3Y_QM/s1600/Upload+Symbol.png" width="100"></a></li> 

 <li><a href="#"><img src="http://4.bp.blogspot.com/-Dv_1JE3QwtY/UXCa6uQGgQI/AAAAAAAASok/iUT8MJ3Y_QM/s1600/Upload+Symbol.png" width="100"></a></li> 

    <li><a href="#"><img src="http://4.bp.blogspot.com/-Dv_1JE3QwtY/UXCa6uQGgQI/AAAAAAAASok/iUT8MJ3Y_QM/s1600/Upload+Symbol.png" width="100"></a></li> 

</ul></div></div>

我已將圖像放在URL鏈接中，以便您可以更好地了解它的狀態。 我沒有從默認的引導程序之一更改CSS。 您可以下載它並模擬導航欄以查看它。

我遇到的問題

首先-我希望按鈕在頁面中居中。 我已將文本對齊中心置於按鈕上，甚至將“ center”標簽置於其周圍，但它不起作用。 我不知道如何使它與中心對齊：/

第二-如果您放大頁面，圖像將堆積起來。。。我想讓它們保持原狀。 我想我已經嘗試在css上內聯，但是它也不起作用...：/

Answer 1

您可以使用代碼.active { margin-left:250px; } .active { margin-left:250px; }你可以寫這為您的按鈕的位置。 如果您使用引導響應，它將移動圖片以使其適合較小的分辨率。 如果您希望網站是固定的，請不要使用響應式插件。