0

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

4

1 回答 1

0

您可以使用代码将菜单置于中心 .active { margin-left:250px; } 位置您可以将其编写为按钮的位置。如果您使用引导响应,它将移动图片以使其适合较小的分辨率。如果您希望您的网站是固定设计,请不要使用响应式插件。

于 2013-04-19T20:04:41.833 回答