title: How do you completely remove a style from bootstrap by overriding it
body: <p>So I'm completely familiar with overriding a style in bootstrap by using my own <code>Style.css</code>. But let's say that bootstrap has a style that is put on a table or something that is a standard html element. Let's use labels, because it's a rather short example. Let's first assume that there is no other label style or label element styling anywhere else except for the following css code:</p>
  
  <pre><code>label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold;
  }
  </code></pre>
  
  <p>Now if I want to override this style in my Style.css file and change the margin and weight, I could do this:</p>
  
  <pre><code>label {
    margin-bottom: 3px;
    font-weight: normal;
  }
  </code></pre>
  
  <p>Easy enough, this would change those two items and allow the other styles to cascade through. But what if I wanted to completely remove any styling added by bootstrap for the element label. Is there a short and easy way to do this without having to do something like:</p>
  
  <pre><code>label {
    display: inline;
    max-width: None;
    color: none;
    margin-bottom: 0;
    font-weight: normal;
  }
  </code></pre>
  
  <p>Or basically going through line by line and changing each styles property to something like none or normal or whatever? All while keeping the original Bootstrap file in an untouched state and not commenting anything out of it.</p>
  
  <p>BTW I would also be fine with using JavaScript if it's concise and easy?</p>