title: Overwriting Bootstrap css?
body: <p>I have a question regarding overwriting bootstrap css. I want to use mine all style, background, media, etc. I have reviewed for related question and answers, everybody is saying that I load mine css after bootstrap core css like this.</p>
  
  <pre><code> &lt;!-- Bootstrap Core CSS --&gt;
      &lt;link href="css/bootstrap.min.css" rel="stylesheet"&gt;
      &lt;link href="css/mystyle.css" rel="stylesheet"&gt; 
  </code></pre>
  
  <p>Then for example I want to put a background in mine wrap-pad section.</p>
  
  <pre><code>.service .wrap-pad {
      background-image: url(../background/booksground.png);
      background-repeat: no-repeat;
      -webkit-filter: none;
      -o-filter: none;
      filter: none;
  }
  </code></pre>
  
  <p>After I do this nothing happens, further more I can not overwrite any of the styles or put mine media in it, I have tried to do this with navbar, footer etc. Everything looks plain whit standard bootstrap styles in it. I am using <a href="http://startbootstrap.com/template-overviews/small-business/" rel="nofollow">small-business theme</a>, from <a href="http://startbootstrap.com/" rel="nofollow">startbootstrap.com</a>, bootstrap 3.2.2, then I modified it with some wrap pad animations and carousel to fit mine needs. 
  How can I overcome this and start using mine styles.
  Tank you.</p>