CSS Navbarが正しい順序でないですか？

Question

私は自分のCSSフレームワークのNavbarを使いこなしています。私がこれまでに得たコードは、ひよこにリンクされます。問題は、 "li"が正しい順序で表示されないということです。誰かが助けることを願っています！

CSS：http://hastebin.com/yucatebero.css

HTML：http://hastebin.com/wikitaxeli.xml

Probleme：助けをhttps://jsfiddle.net/tkL4f920/

ありがとう：フィドル作業https://gyazo.com/c61e26cad3048a85eb40cd9dfa6b83d0

nav { 
    display: block; 
    width: 100%; 
} 

.navbar { 
    background: #f96e5b; 
    width: 100%; 
} 

.navbar-fixed-top {} 

.navbar ul { 
    list-style: none; 
    margin: 0; 
    padding: 0; 
    line-height: 1; 
    display: block; 
    zoom: 1; 
} 

。

Answer 1

注文を保存したい場合は、navbar-rightを使用してdivを使用して「今日」をラップします。

<div class="navbar"> 
     <ul> 
      <li class="navbar-left"><a href="#">Hi</a></li> 
      <li class="navbar-left"><a href="#">How</a></li> 
      <li class="navbar-left"><a href="#">are</a></li> 
      <div class="navbar-right"> 
       <li class="navbar-left"><a href="#">you</a></li> 
       <li class="navbar-left"><a href="#">today</a></li> 
      </div> 
     </ul> 
</div> 

これは問題なく動作します。 https://jsfiddle.net/tkL4f920/1/