在导航栏上的引导图像

问题描述：

我不得不说，我是一个网页设计的初学者，我想用引导程序和Dreamweaver CC制作一个网站，我有导航栏，我想知道一个地方如何能够以图像为中心导航栏，但要在同一行。你们能帮我吗？在导航栏上的引导图像

<div class="navbar-header"> 
 
     <center><img src="71f7c350c2d7d3a6eb8394f66185a3e7.jpg" alt="" width="40" height="54"/></center> 
 
     <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#topFixedNavbar1"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button> 
 
     <a class="navbar-brand" href="#">Liceul Teoretic "Victor Babeș"</a></div> 
 
     <!-- Collect the nav links, forms, and other content for toggling --> 
 
     <div class="collapse navbar-collapse" id="topFixedNavbar1"> 
 
<ul class="nav navbar-nav navbar-right"> 
 
      <li><a href="#">Link</a></li> 
 
      <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Dropdown<span class="caret"></span></a> 
 
      <ul class="dropdown-menu" role="menu"> 
 
       <li><a href="#">Action</a></li> 
 
       <li><a href="#">Another action</a></li> 
 
       <li><a href="#">Something else here</a></li> 
 
       <li class="divider"></li> 
 
       <li><a href="#">Separated link</a></li> 
 
      </ul> 
 
      </li> 
 
     </ul> 
 
     </div> 
 
    <!-- /.navbar-collapse --> 
 
</div> 
 
<!-- /.container-fluid --> 
 
    </nav> 
 
</div>

向我们展示你所拥有的，我们可以帮 –

所以，我不明白如何把代码放在这个网站，但我可以告诉你，我做了什么，所以，我已经包括了IMG SRC在导航栏标题中，我使用了一个中心标签来做到这一点，但它甚至不在中心，它在一个单独的行上 –

@FlaviusDolha只是编辑您的问题并粘贴您的代码。查看[Site Tour]（http://stackoverflow.com/tour）并欢迎来到该网站！ – NickyTheWrench

答

你可以使用绝对定位得到中央的IMG。

img { 
    position: absolute; 
    left: 50%; 
    margin-left: -50px !important; //this pixel amount is equal to half your image size 
    display: block; 
}

这工作得很好，祝福:) –

在导航栏上的引导图像

相关推荐