Css 引导-导航栏对齐

我从bootstrap获得了创建导航栏的代码，并更改了内部文本以显示图像。所有显示都很好，但我想更改一些内容，但我想不出来。这是导航栏的代码：

<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。您可以下载它并模拟导航栏来查看它

我有问题

首先-我希望按钮在页面中居中。我已经把文本对齐中心的按钮，甚至“中心”标签周围，但它不工作。我不知道如何将其与中心对齐：/

---

第二，如果你放大页面，图像会堆积起来。。。我想让他们保持联系。我想我已经尝试在css上添加内联，但也没有效果…：/

您可以使用code

.主动
{
左边距：250像素；
}

---

你们可以把这个写在按钮的位置上。如果使用bootstrap responsive，它将移动图片，使其适合较小的分辨率。如果你希望你的网站是固定的设计，不要使用响应性插件。

你说不使用响应性插件是什么意思？我不熟悉bootstrap，直到现在我才使用wordpress:：当你在文件夹bootstrap中下载bootstrap时，你可以找到3个文件夹。其中一个名为“css”。里面有一个名为“bootstrap responsive.css”的文件。如果您将其包含在html文件中，您的设计将根据屏幕分辨率而改变。也许我不明白你的图像有什么问题。这是我的视图。但html没有链接到该视图。它加载bootstrap.css jquery.js和bootstrap.min.js。。。它不调用responsive.css