如何在导航栏中的导航栏中放置徽标中心

时间:2014-02-24 05:06:13

标签: html css twitter-bootstrap

我有一个网站 看到这个http://surginc.com? 徽标[1]:http://surginc.com/_includes/img/logo.png“徽标” 不会在导航栏中居中。请看这个并帮我把它放在导航栏中心? 我正在使用Bootstrap。

3 个答案:

答案 0 :(得分:0)

尝试将此作为徽标的代码:

<img style="margin:0 40%;margin-top:-55px;" src="Industrial%20Supplies%20%7C%20Textiles%20%7C%20Surg%20Inc_files/logo.png" alt="surg logo">

这使得它以任何屏幕分辨率固定为center

答案 1 :(得分:0)

将CSS课程.brand hidden-xs visible-lg visible-md visible-sm更新为width: 245px; margin: 0 auto;

<a class="brand hidden-xs visible-lg visible-md visible-sm" href="http://surginc.com/index.php/" style="margin-left: auto; margin-right: auto; width: 100px; float: none;">

<a class="brand hidden-xs visible-lg visible-md visible-sm" href="http://surginc.com/index.php/" style="  width: 245px; margin: 0 auto;">

此处245px是原始图片的宽度

答案 2 :(得分:0)

首先将此添加到导航容器:.navbar-collapse{ position:relative; }

然后对于徽标:.brand{ position:absolute; left:50%; top:3px; margin-left:-122px; width:245px; }并从徽标图像中删除内联样式,因此它不会覆盖任何将来的修改添加在css文件中