2014-09-19 169 views
0

我需要你的帮助......我在我的导航栏中插入了一个图像,但是我的图像适合导航栏,我需要一些顶部和底部的空间,我只是想增加品牌文本的字体大小。我不知道如何调整它,我试图把一些CSS,但没有发生。导航栏高度问题

请看。

<div class="navbar-header"> 

    <a href="index.html" class="brand"><img src="images/egtdesign-logo.png">EGT DESIGN</a> 

     <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#nav-collapse"> 

     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     </button> 

</div>   
    <!--MENU and SOCIAL MEDIA LINK--> 
    <div class="collapse navbar-collapse navbar-right" id="nav-collapse"> 

    <ul class="nav navbar-nav " > 
      <li class="active"><a href="index.html"><span class="glyphicon glyphicon-home"></span> HOME</a></li> 
      <li><a href="portfolio.html"><span class="glyphicon glyphicon-book"></span> PORTFOLIO</a></li> 
      <li><a href="" data-toggle="modal" data-target="#modal-contact-form"><span class="glyphicon glyphicon-envelope"></span> CONTACT</a> 
      </li> 

      <!--SOCIAL MEDIA --> 
      <li><a href="http://www.facebook.com"><img src="images/facebook_ico.png" alt="EGT Design"></a></li> 
      <li><a href="http://www.twitter.com"><img src="images/twitter_ico.png"></a></li> 
      <li><a href="http://plus.google.com"><img src="images/google plus.png"></a></li> 
      <li><a href="https://www.linkedin.com/uas/login"><img src="images/Linkdin_ico.png"></a></li> 

     </ul> 
    </div><!--END MENU collapse--> 

</div><!--END OF CONTAINER--> 

回答

0

您使用Twitter的引导?把你的css放在twitter bootstrap css下面,这样你的自定义css就会覆盖它。

在图像的顶部和底部放置一些空间。

a.brand img{margin-top:10px; margin-bottom:10px;} 

,如果你想增加使用引导品牌文本

a.brand{font-size:20px;} 
+0

是IM的字体。 – egtdesign 2014-09-19 01:53:59

+0

感谢,它的工作,但我的菜单不是中心与品牌对齐。我怎样才能调整我的菜单? – egtdesign 2014-09-19 01:59:46

+0

哦,我已经解决了我的菜单对齐问题,只是为了与品牌保持一致,我需要将对齐关闭。谢谢。 – egtdesign 2014-09-19 02:05:52