加載另一個頁面時基礎頂杆斷裂

我目前正在使用軌道和基礎上的ruby作爲css框架構建一個小型網站。我實現了一個導航欄，其中2個項目是嵌套下拉菜單。加載另一個頁面時基礎頂杆斷裂

這裏是頂部杆這是我的佈局/ application.html.erb內的代碼：

<body> 
    <div class="top-bar"> 
    <div class="top-bar-left"> 
     <ul class="dropdown menu" data-dropdown-menu> 
      <li class="menu-text">Logo</li> 
      <li><a href="/">Home</a></li> 
      <li><a href="/stats">Statistics</a></li> 
      <li><a href="/news">News</a></li> 
      <li><a href="/items">Items</a> 
       <ul class="menu"> 
        <li><a href="#">Infected items</a></li> 
        <li><a href="#">Detective items</a></li> 
       </ul> 
      </li> 
      <li><a href="/guides">Guides</a> 
       <ul class="menu"> 
        <li><a href="#">Lore</a></li> 
        <li><a href="#">Beginner tutorial</a></li> 
        <li><a href="#">Mod rules</a></li> 
        <li><a href="#">Strategy guide</a></li> 
        <li><a href="#">How to be a good detective?</a></li> 
       </ul> 
      </li> 



     </ul> 
    </div> 
</div>

如在下面的圖所示：