爲小屏幕尺寸保留引導程序導航ul元素堆積

Question

我希望當我在xs屏幕大小上查看頁面時，出現在導航尾部的兩個鏈接保持在同一行上。

我該怎麼做？這是我的導航代碼片段。

<div class="navbar navbar-inverse" style="margin-bottom: 0px;background-color:#f44336"> 
       <div class="navbar-header"> 
        <button aria-controls="bs-navbar" aria-expanded="false" 
         class="collapsed navbar-toggle" style="float:left" 
         data-toggle="offcanvas" type="button"> 
         <span class="icon-bar"></span> 
         <span class="icon-bar"></span> 
         <span class="icon-bar"></span> 
        </button> 
        <ul class="nav navbar-nav navbar-right" style="float:right"> 
         <li> 
          <i class="zmdi zmdi-notifications zmdi-hc-lg zmdi-hc-fw" 
           style="color:white; padding-top: 10px;padding-right:32px"></i> 
         </li> 
         <li> 
          <i class="zmdi zmdi-account-circle zmdi-hc-lg zmdi-hc-fw" 
           style="color:white; padding-top: 10px;padding-right:32px"></i> 
         </li> 
        </ul> 
       </div> 
      </div> 

感謝，

丹

Answer 1

使用顯示：li元素上內嵌解決的問題。