我从 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 上内联,但它也没有工作......:/