頂部酒吧在基金會6未對齊

我正在使用基金會6並正在試驗該示例。我的問題是爲什麼「網站標題」沒有與頂部欄的其他部分保持一致，那麼它會更上一層樓。頂部酒吧在基金會6未對齊

<div class="top-bar"> 
     <div class="top-bar-title"> 
      <span data-responsive-toggle="responsive-menu" data-hide-for="medium"> 
      <span class="menu-icon dark" data-toggle></span> 
      </span> 
      <strong>Site Title</strong> 
     </div> 
     <div id="responsive-menu"> 
      <div class="top-bar-left"> 
      <ul class="dropdown menu" data-dropdown-menu> 
       <li> 
       <a href="#">One</a> 
       <ul class="menu vertical"> 
        <li><a href="#">One</a></li> 
        <li><a href="#">Two</a></li> 
        <li><a href="#">Three</a></li> 
       </ul> 
       </li> 
       <li><a href="#">Two</a></li> 
       <li><a href="#">Three</a></li> 
      </ul> 
      </div> 
      <div class="top-bar-right"> 
      <ul class="menu"> 
       <li><input type="search" placeholder="Search"></li> 
       <li><button type="button" class="button">Search</button></li> 
      </ul> 
      </div> 
     </div> 
     </div>

來源

2016-02-14 Jonh Doe

它看起來是一個填充或保證金的問題，但是不能用了CSS，你可以請張貼告知。 –

請參閱https://cdn.jsdelivr.net/foundation/6.1.2/foundation.min.css –

.top-bar-title { 
    float: left; 
    margin-right: 1rem; 
    margin-top: 0.5rem; 
}

固定它。

來源

2016-02-14 04:08:03

新增保證金最高？不錯。對不起，我沒有早點回來。 –

沒問題，謝謝你給我關於保證金最高的想法。 –

F6的.top-bar-title記錄在zurb上，但不是top-bar.scss中的類;看起來像是一個疏忽。

來源

2016-03-04 06:13:18 pjldesign

結束語這樣的工作

<ul class="menu"> 
    <li class="menu-text"><strong>Site Title</strong></li> 
</ul>

來源

2016-03-18 16:02:13 excalliburbd

頂部酒吧在基金會6未對齊

回答

相關問題