Q:

Can't Get Content of Column on Bootstrap Layout to Align to Left of Column

I'm working on http://pizzli.com/ephraimwp/inner-page-1/. 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.
<div id="bannerbar"><?php the_title();?></div>
    <div class="row" style="padding-top:35px;">
    <div class="col-md-4">

    <div id="innernav">
    <ul>
    <li>Our Purpose</li>
    <li>Why Choose PSP</li>
    <li>Our Process</li>
    <li>Our History</li>
    <li>Blog</li>
    <li>Glossary</li>
    <li>Contact</li>
    </ul>
    </div>
    </div>
    <div class="col-md-8">
    <h2 style="font-size:20px;color:#2c4276;"><?php the_title();?></h2>
    <div  style="color:#a2a2a2;font-size:18px;">
    <?php 
if ( have_posts() ) {
    while ( have_posts() ) {
        the_post(); 
        the_content();
    } // end while
} // end if
?>
</div>
    </div>
    </div>

A:

You need to remove some padding from elements surrounding the menu.
I recommend wrapping this section with a class of left-container (or something similar), and also adding a class to the innernav. Classes are better than IDs for styling.
<div class="left-container">
  <div class="col-md-4">
    <div id="innernav" class="innernav">
      <ul>
        <li>Our Purpose</li>
        <li>Why Choose PSP</li>
        <li>Our Process</li>
        <li>Our History</li>
        <li>Blog</li>
        <li>Glossary</li>
        <li>Contact</li>
      </ul>
    </div>
  </div>
</div>

Then, you can remove the padding with CSS, and your menu will be aligned.
.left-container > .col-md-4,
.left-container .innernav ul {
  padding-left:0;
}

