如何讓Bootstrap導航欄具有正確的邊距並在打破時對齊左側？

Question

我試圖正確地得到引導3導航欄崩潰，但仍然有兩個開放的問題：

1. 利潤率不等於：

當導航欄符，圖標沒有留下文字對齊：

我知道我可以添加樣式修正，直到我得到這個權利，但我我該如何解決這個問題？

https://jsfiddle.net/edwardtanguay/v83aj4cn/3

<div class="container"> 
    <nav class="navbar navbar-inverse"> 
     <div class="navbar-inner"> 
      <div class="container-fluid"> 
       <div class="navbar-collapse"> 
        <a class="navbar-brand navbar-brand-centered" href="#"> 
         <span class="glyphicon glyphicon-menu-hamburger"></span> 
        </a> 
        <a class="navbar-brand navbar-brand-centered" href="#"> 
         <span class="glyphicon glyphicon-cog"></span> 
        </a> 
        <a class="navbar-brand navbar-brand-centered" href="#"> 
         <span class="glyphicon glyphicon-plus"></span> 
        </a> 
        <a class="navbar-brand navbar-brand-centered" href="#"> 
         <span class="glyphicon glyphicon-minus"></span> 
        </a> 
        <p class="navbar-text">Company Name</p> 
        <p class="navbar-text">CUSTOMER PORTAL</p> 
        <p class="navbar-text navbar-right"><a href="#">Contact Name</a></p> 
        <p class="navbar-text navbar-right">2016-04-14</p> 
       </div> 
      </div> 
     </div> 
    </nav> 
</div> 

Answer 1

你去那裏的朋友！

SOLUTION JDSFILE

商祺！