title: bootstrap 3 aligning items in their divs
body: <p>I've been trying out bootstrap and have been having a hard time getting item'd to align in their divs.
  i.e. in my fiddle I have a row up top that I'm trying to center the contents.(location/phone number)
  Row 2 I'm trying to get it's list to form a row with the about shopper over to the side.</p>
  
  <p>I've tried nav-row and a few other things. Can I get a pointer in the right direction; please :)</p>
  
  <p>I've seen other questions similar but the one's I found didn't really help what I'm asking. Sorry if it's a duplicate.
  <a href="http://jsfiddle.net/Legion87/ezo9aqv2/1/" rel="nofollow">JsFiddle</a></p>
  
  <pre><code>  .footer .col-sm-3{
    overflow: hidden;
    }
    .footer-widget {
    margin-bottom: 68px;
    }
  
    .footer-widget .container {
    border-top: 1px solid #FFFFFF;
    padding-top: 15px;
    }
  
    .single-widget h2 {
    color: #666663;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 22px;
    text-transform: uppercase;
    }
  
    .single-widget h2 i{
    margin-right:15px;
    }
  
    .single-widget ul li a{
    color: #8C8C88;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 300;
    padding: 5px 0;
    display:inline-block;
    }
  
    .single-widget ul li a i {
    margin-right: auto;
    }
  
    .single-widget ul li a:hover{
    background:none;
    color:#FE980F;
    }
  </code></pre>