title: Can't Get Content of Column on Bootstrap Layout to Align to Left of Column
body: <p>I'm working on <a href="http://pizzli.com/ephraimwp/inner-page-1/" rel="nofollow">http://pizzli.com/ephraimwp/inner-page-1/</a>. I'm trying to get the content of #innernav (which contains the ul) to float to the left edge of the column it is in, so that it is even with #bannerbar. Please see my code below.</p>
  
  <pre><code>&lt;div id="bannerbar"&gt;&lt;?php the_title();?&gt;&lt;/div&gt;
      &lt;div class="row" style="padding-top:35px;"&gt;
      &lt;div class="col-md-4"&gt;
  
      &lt;div id="innernav"&gt;
      &lt;ul&gt;
      &lt;li&gt;Our Purpose&lt;/li&gt;
      &lt;li&gt;Why Choose PSP&lt;/li&gt;
      &lt;li&gt;Our Process&lt;/li&gt;
      &lt;li&gt;Our History&lt;/li&gt;
      &lt;li&gt;Blog&lt;/li&gt;
      &lt;li&gt;Glossary&lt;/li&gt;
      &lt;li&gt;Contact&lt;/li&gt;
      &lt;/ul&gt;
      &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="col-md-8"&gt;
      &lt;h2 style="font-size:20px;color:#2c4276;"&gt;&lt;?php the_title();?&gt;&lt;/h2&gt;
      &lt;div  style="color:#a2a2a2;font-size:18px;"&gt;
      &lt;?php 
  if ( have_posts() ) {
      while ( have_posts() ) {
          the_post(); 
          the_content();
      } // end while
  } // end if
  ?&gt;
  &lt;/div&gt;
      &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>