Twitter bootstrap 导航条高度问题

我需要你的帮助…我在导航栏中插入了一个图像，但是我的图像适合导航栏，我需要在顶部和底部留出一些空间，我只想增加品牌文本的字体大小。我不知道如何调整它，我试图把一些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-->

---

您正在使用twitter引导？把你的css放在twitter引导css下面，这样你的自定义css就会覆盖它

在图像的顶部和底部留出一些空间

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

如果你想增加品牌文字的字体

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

---

谢谢，它起作用了，但是我的菜单没有和品牌对齐。我如何调整我的菜单？哦，我已经解决了菜单的对齐问题，只是我需要将对齐置于折叠状态，以便与品牌对齐。谢谢。我遇到了另一个问题，在为a.品牌添加了一个左边距并将菜单与品牌对齐后，我注意到当ipad的菜单达到768x1024垂直时，菜单会下降。请帮忙解决。感谢您，以实现您需要的媒体查询。当窗口大小满足查询宽度时，调整图像。试试这个@media-only屏幕，最大宽度：767px{//do-something}我应该修改@media还是将此代码放在CSS中？