title: How to edit bootstrap styles?
body: <p>how can I edit bootsrap style like body background color?</p>
  
  <p>I dont want to do this all the time:</p>
  
  <pre><code>body { background: #539754 !important; }
  </code></pre>
  
  <p>I want to set font color in navbar but i cannot do that. I am preety confused about where the styles are coming from</p>
  
  <pre><code>.navbar-default .navbar-nav &gt; li &gt; a {
   color: #000;
   font-size: 20px;
   font-family: cursive;
   }
   .navbar-default .navbar-nav &gt; li &gt; a:hover,
   .navbar-default .navbar-nav &gt; li &gt; a:focus {
   color: #333;
   background-color: transparent;
   }
  </code></pre>
  
  <p>I did this inside bootstrap.css but Nothing happened. when pressing F12 edit it there in file /dist/css/bootstrap.css - I dont even have that folder. I understand its created dynamickly but how can I edit it? </p>