can't style elements in bootstrap columns

For the life of me, I can not get my html elements to style in one portion of my page. Using bootstrap and have some weird column stuff going on, not sure if that is causing the trouble. Please help me, this is driving me insane.

HTML:

 <div class="search-links">
  <div class="container-fluid">
    <div class="row">
      <div class="col-md-4 col-md-push-6 col-md-pull-2">
        <img src="media/Travis-Thielen-high-fiving-bear-in-bar.JPG" alt="Travis Thielen high fiving a bear in a San Francisco Bar" width="49%" />
        <img src="media/Travis-Thielen-at-great-wall-of-china.JPG" alt="Travis Thielen high fiving a bear in a San Francisco Bar" width="49%" />
        <h1>Travis Thielen</h1>
        <ul class="list-inline">
          <li><p>Contact</p></li>
          <li><p>Directions</p></li>
        </ul>
      </div>
      <div class="job-info col-md-5 col-md-pull-5 col-md-offset-2">
        <p>test test test test ewst steesk test teest tesrt tesr isnt a test this is now a test</p>
      </div>
    </div>
  </div>
</div>

CSS:

.search-links ul {
margin-left: 2em;

}

just one example. I can't do anything with any of the elements, no border on the column div, nothing.