浮動/容器類的引導問題

Question

我在IE中遇到引導問題。它涉及到.pull-right類，只是漂浮<div>在右邊。

這是一個可視化示範開始：

Chrome 28

IE10

菜單使用KendoUI construted和我的網站使用引導程序v.2.3.2 RC2。我不知道與IE10有任何兼容性問題。這個問題不會出現在IE9或更低版本中，儘管這很奇怪。

下面是代碼：

<div class="main-ui-nav"> 
    <div class="container"> 
      <ul id="menu"> 
       <li> 
        Customer 
        <ul> 
         <li><a href="main-customer.php">Customer Details</a></li> 
        </ul> 
       </li> 

       <li> 
        Products 
        <ul> 
         <li><a href="main-products.php">View Products</a></li> 
        </ul> 
       </li> 

       <li> 
        Sites 
        <ul> 
         <li>Add Site</li> 
         <li><a href="main-sites.php">View Registered Sites</a></li> 
        </ul> 
       </li> 


       <li> 
        Payments 
        <ul> 
         <li>Invoices</li> 
         <li>Agreements</li> 
         <li>History</li> 
         <li>Oustanding</li> 
         <li>Statements</li> 
        </ul> 
       </li>      

       <li> 
        Notes 
        <ul> 
         <li><a href="create-note.php">Create Note</a></li> 
         <li>Amend</li> 
         <li><a href="main-notes.php">View</a></li> 
        </ul> 
       </li>      

       <li class="pull-right"> 
        Session Options 
        <ul> 
         <li><a href="includes/account/dectivate-account.inc.php">Exit Account</a></li> 
         <li><a href="logout.php">Logout</a></li> 
        </ul> 
       </li> 

       <li class="pull-right">Creation Options 
        <ul> 
         <li>Create Payment</li> 
         <li><a href="create-note.php">Create Note</a></li> 
         <li>Create Invoice</li> 
        </ul> 
       </li> 
      </ul> 
     </div> 
    </div> 

感謝您的幫助提前。

---

JS FIDDLE：http://jsfiddle.net/davcpas123/QFdTN/8/embedded/result/

Answer 1

此問題是由於在KendoUI壓倒一切的標準.clearfix類。

爲了解決這個問題我補充說：

.clearfix { 
    clear:both; 
} 

我ui-full.css文件。