title: Bootstrap responsive list positioning
body: <p>I'm building a site with the latest Twitter Bootstrap using the responsive features.</p>
  
  <p>My problem is that I have two lists that appear side by side, but when the viewport width is less than 768px wide they appear stacked despite there being enough space for both of them to fit. How can I fix this?</p>
  
  <p>Also, a couple of minor things: In the footer I have a strange A symbol appearing before the copyright symbol...how do I sort this out? Also, in IE two elements don't appear inline like they do on all other browsers.</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
  &lt;head&gt;
      &lt;link href="css/bootstrap.css" rel="stylesheet" type="text/css"&gt;
      &lt;link href="css/bootstrap-responsive.css" rel="stylesheet" type="text/css"&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
      &lt;title&gt;AGHicks Homepage&lt;/title&gt;
      &lt;link href="css/stylesheet.css" rel="stylesheet" type="text/css"&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
  &lt;div class="container-fluid"&gt;
  
  &lt;!-- Header --&gt;
      &lt;div class="row-fluid"&gt;
          &lt;div class="span5 logo"&gt;
              &lt;a href="index.html"&gt;&lt;img src="images/Logo.png" class="logo"&gt;&lt;/a&gt;
          &lt;/div&gt;
          &lt;div class="span4 offset3 phone_numbers"&gt;
                      &lt;img src="images/Phone_icon.png" class="pull-left phone_icon hidden-phone hidden-tablet"&gt;
                      &lt;h4 class="pull-right align_right"&gt;Northampton &lt;span&gt;01604786464&lt;/span&gt;&lt;br&gt;&lt;br&gt;Mobile &lt;span&gt;07710537685&lt;/span&gt;&lt;/h4&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  
      &lt;!-- Navbar --&gt;
      &lt;div class="navbar"&gt;
              &lt;div class="navbar-inner"&gt;
                  &lt;div class="container"&gt;
                      &lt;a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"&gt;
                          &lt;span class="icon-bar"&gt;&lt;/span&gt;
                          &lt;span class="icon-bar"&gt;&lt;/span&gt;
                          &lt;span class="icon-bar"&gt;&lt;/span&gt;
                      &lt;/a&gt;
                      &lt;div class="nav-collapse collapse"&gt;
                          &lt;ul class="nav"&gt;
                              &lt;li class="navbar_link navitem1"&gt;&lt;a href="index.html"&gt;&lt;strong&gt;HOME&lt;/strong&gt;&lt;/a&gt;&lt;/li&gt;
                              &lt;li class="divider-vertical navitem2"&gt;&lt;/li&gt;
                              &lt;li class="navbar_link navitem3"&gt;&lt;a href="http://www.google.com"&gt;&lt;strong&gt;GALLERY&lt;/strong&gt;&lt;/a&gt;&lt;/li&gt;
                              &lt;li class="divider-vertical navitem4"&gt;&lt;/li&gt;
                              &lt;li class="navbar_link navitem5"&gt;&lt;a href="http://www.google.com"&gt;&lt;strong&gt;ABOUT US&lt;/strong&gt;&lt;/a&gt;&lt;/li&gt;
                              &lt;li class="divider-vertical navitem6"&gt;&lt;/li&gt;
                              &lt;li class="navbar_link navitem7"&gt;&lt;a href="http://www.google.com"&gt;&lt;strong&gt;CONTACT&lt;/strong&gt;&lt;/a&gt;&lt;/li&gt;
                          &lt;/ul&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
      &lt;/div&gt;
  
      &lt;!-- Content --&gt;
      &lt;div class="row-fluid content"&gt;
          &lt;div class="span6"&gt;
              &lt;div id="homepage_carousel" class="carousel slide"&gt;
                  &lt;div class="carousel-inner"&gt;
                      &lt;div class="active item"&gt;&lt;img src="images/Homepage/640x480px-City-&amp;-Guilds.png" /&gt;&lt;/div&gt;
                      &lt;div class="item"&gt;&lt;img src="images/Homepage/640x480px-Domestic-&amp;-Commercial.png" /&gt;&lt;/div&gt;
                      &lt;div class="item"&gt;&lt;img src="images/Homepage/640x480px-Small-One-Off-Jobs.png" /&gt;&lt;/div&gt;
                  &lt;/div&gt;
               &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="span6"&gt;
              &lt;div class="row-fluid homepage_text"&gt;
                  &lt;div class="span12"&gt;
                      &lt;h5 class="text_justify"&gt;Welcome to AGHicks Building Services website! We are a Northampton based, family run company with over 20 years experience. Hardwork, efficiency and reliability are instilled throughout the workforce and we have gained a strong reputation through word of mouth.&lt;/h5&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
              &lt;div class"row-fluid"&gt;
                  &lt;div class="span12 icon_container"&gt;
                      &lt;img src="images/Homepage/Map_pin.png" class="grid_item grid_item1" &gt;
                      &lt;h5 class="redtext grid_item grid_text"&gt;Northampton Based&lt;/h5&gt;
                      &lt;img src="images/Homepage/Quote.png" class="grid_item grid_item2" &gt;
                      &lt;h5 class="redtext grid_item grid_text"&gt;Free Quotes&lt;/h5&gt;
                  &lt;/div&gt;
                  &lt;div class="span12 icon_container2"&gt;
                      &lt;img src="images/Homepage/Tools.png" class="grid_item grid_item3" &gt;
                      &lt;h5 class="redtext grid_item grid_text"&gt;No Job Too Small&lt;/h5&gt;
                      &lt;img src="images/Homepage/Piggybank.png" class="grid_item grid_item4" &gt;
                      &lt;h5 class="redtext grid_item grid_text"&gt;Competitive Prices&lt;/h5&gt;
                  &lt;/div&gt;                    
              &lt;/div&gt;
              &lt;div class="row-fluid"&gt;
                  &lt;div class="span12"&gt;
                      &lt;h5 class="redtext centered"&gt;OUR SERVICES INCLUDE&lt;/h5&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
              &lt;div class="row-fluid"&gt;
                  &lt;div class="span5"&gt;
                      &lt;ul&gt;
                          &lt;li&gt;&lt;strong&gt;Conservatories&lt;/strong&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;strong&gt;Extensions&lt;/strong&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;strong&gt;Window &amp; Door Refits&lt;/strong&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;strong&gt;Bricklaying&lt;/strong&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;strong&gt;Driveways&lt;/strong&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;strong&gt;Carpentry&lt;/strong&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;strong&gt;Patios&lt;/strong&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;strong&gt;Stonework&lt;/strong&gt;&lt;/li&gt;
                      &lt;/ul&gt;
                  &lt;/div&gt;
                  &lt;div class="span6 offset1 lists"&gt;
                      &lt;ul&gt;
                          &lt;li&gt;&lt;strong&gt;Plastering&lt;/strong&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;strong&gt;Kitchen &amp; Bathroom Refits&lt;/strong&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;strong&gt;Tiling&lt;/strong&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;strong&gt;Fencing&lt;/strong&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;strong&gt;Fascias&lt;/strong&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;strong&gt;Garages &amp; Carports&lt;/strong&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;strong&gt;Guttering&lt;/strong&gt;&lt;/li&gt;
                      &lt;/ul&gt;
                  &lt;/div&gt;  
              &lt;/div&gt; 
     &lt;/div&gt;
  
     &lt;!-- Footer --&gt;
     &lt;div class="row-fluid footer_wrapper"&gt;
          &lt;div class="span12"&gt;
              &lt;div class="row-fluid footer"&gt;
              &lt;div class="span5"&gt;
                  &lt;p class="footer_text"&gt;&lt;strong&gt;Copyright © AGHicks Building Services 2012 - All rights reserved.&lt;br&gt;Registered Address - 19 Bentley Close, Rectory Farm, Northampton, NN3 5JS.&lt;/strong&gt;&lt;/p&gt;
              &lt;/div&gt;
              &lt;div class="span4 offset3 align_right"&gt;
                  &lt;p class="footer_text"&gt;&lt;strong&gt;Web Design Services and SEO from &lt;a href="http://www.benmil.tumblr.com/me"&gt;Ben Mildren&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;
              &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
  
     &lt;/div&gt;     
  &lt;/div&gt;
      &lt;script src="http://code.jquery.com/jquery-latest.js"&gt;&lt;/script&gt;
      &lt;script src="js/bootstrap.min.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript"&gt;
         $('.carousel').carousel({
             interval: 3500
          })
      &lt;/script&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p></p>
  
  <p>The CSS is here: <a href="http://gw.gd/Ooky" rel="nofollow">http://gw.gd/Ooky</a></p>
  
  <p>Thanks in advance.</p>