小さな画面サイズのためにブートストラップnavul要素を積み重ねないようにする

Question

xs画面サイズでページを表示すると、ナビゲーションの最後に表示される2つのリンクを同じ行に置いてください。

どうすればよいですか？ここでは、ナビゲーションのための私のコードのスニペットです。

<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要素にインラインでは、問題を解決しました。