title: Bootstrap dropdown list float left
body: <p>I have a site link: <a href="http://www.dentalmarketing.com.au/stage/test/2/" rel="nofollow">http://www.dentalmarketing.com.au/stage/test/2/</a></p>
  
  <p>If you click on the menu link SUB SITES, as you can see the drop down list appears as normal list. Is there a way to float the LI list in Bootstrap CSS so that the list would appear like inline?</p>
  
  <p>I have tried inserting my css</p>
  
  <pre><code>.mainnav ul.dropdown-menu &gt; li {   
  float:left !important;
  }
  </code></pre>
  
  <p>But somehow it just doesn't work. Thanks much for your time and expertise.</p>