我有一个网站 看到这个http://surginc.com? 徽标[1]:http://surginc.com/_includes/img/logo.png“徽标” 不会在导航栏中居中。请看这个并帮我把它放在导航栏中心? 我正在使用Bootstrap。
答案 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文件中