title: How to override or reset bootstrap styles with default browser's styles?
body: <p><strong>--------------------------------------------</strong></p>
  
  <p><strong>Updated to clarify my question</strong></p>
  
  <p>As in this fiddle <a href="https://jsfiddle.net/30x0pdzx/1/" rel="nofollow noreferrer">https://jsfiddle.net/30x0pdzx/1/</a>, I would like to make the second fieldset showing as the default browser renders here <a href="https://jsfiddle.net/1b0hxruq/1/" rel="nofollow noreferrer">https://jsfiddle.net/1b0hxruq/1/</a></p>
  
  <p><strong>--------------------------------------------</strong></p>
  
  <p>I would like to override or reset the bootstrap styles of fieldset that have class <code>no-bootstrap</code></p>
  
  <pre><code>&lt;fieldset class="no-bootstrap"&gt;
      &lt;legend&gt;&lt;/legend&gt;
  &lt;/fieldset&gt;
  </code></pre>
  
  <p>Currently, bootstrap has styles for fieldset are </p>
  
  <pre><code>fieldset {
      min-width: 0;
      padding: 0;
      margin: 0;
      border: 0;
  }
  </code></pre>
  
  <p>So what should I do to override (or reset) it to <code>default</code> browser styles?</p>
  
  <pre><code>fieldset.no-bootstrap {
      min-width: ???;
      padding: ???;
      margin: ???;
      border: ???;
  }
  </code></pre>
  
  <p>Thanks for your considering :)</p>