Css 基础顶部移动菜单崩溃 我想要一个有左一右截面的基础顶杆。 我遇到的问题是，当它用一个小屏幕折叠时，我希望右侧导航（带有顶栏的导航）仍然显示，而不是折叠到带有左侧导航部分的菜单中 <nav class="top-bar" data-topbar rol

基础顶部移动菜单崩溃 我想要一个有左一右截面的基础顶杆。 我遇到的问题是，当它用一个小屏幕折叠时，我希望右侧导航（带有顶栏的导航）仍然显示，而不是折叠到带有左侧导航部分的菜单中

<nav class="top-bar" data-topbar role="navigation">
 <ul class="title-area">
  <li class="name">
   <h1><a href="#">My Site</a></h1>
   </li>
 <li class="toggle-topbar menu-icon"><a href="#"><span></span></a></li>
</ul>

<section class="top-bar-section">
 <!-- Right Nav Section -->
 <ul class="right">
   <li class="active"><a href="#">Right Button Active</a></li>
    <li class="has-dropdown">
    <a href="#">Right Button Dropdown</a>
    <ul class="dropdown">
      <li><a href="#">First link in dropdown</a></li>
    </ul>
  </li>
 </ul>

 <!-- Left Nav Section -->
 <ul class="left">
  <li><a href="#">Link 1</a></li>
  <li><a href="#">Link 2</a></li>
  <li><a href="#">Link 3</a></li>
</ul>
</section>
</nav>