css - Bootstrap - 导航栏对齐

Question

我从 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 链接中，以便您可以更好地了解它现在的样子。我没有更改默认 Bootstrap 的 CSS。您可以下载它并模拟导航栏来查看它。

我遇到的问题

首先 - 我希望按钮在页面中居中。我已经将文本对齐中心放在按钮上，甚至在它周围放置了“中心”标签，但它不起作用。我不知道如何将其与中心对齐:/

其次 - 如果您放大页面，图像会堆叠起来...我想让它们保持对齐。我想我已经尝试将内联放在 css 上，但它也没有用......:/

Answer 1

您可以使用代码 将菜单置于中心
。积极的
{
左边距:250px；
你可以为你的按钮的位置写这个。如果您使用 bootstrap responsive，它会移动图片以使其适合较小的分辨率。如果您希望您的网站固定设计，请不要使用响应式插件。