title: Bootstrap hidden class
body: <p>I have a problem using Bootstrap and Wordpress admin panel.</p>
  
  <p>Basically, I have some Bower components installed, and when I build my project, they all get concatenated together (for both CSS and JS).</p>
  
  <p>The problem is: Bootstrap <code>.hidden</code> class uses <code>!important</code></p>
  
  <p>This is an issue for me as some elements on wordpress admin side look like this:</p>
  
  <pre><code>... class=".... hidden" style="display:none" ...&gt;
  </code></pre>
  
  <p>They have both class .hidden and inline style.</p>
  
  <p>Wordpress default <code>.hidden</code> class gets replaced by Bootstrap class, and so the inline style gets ignored as well as Bootsrap's<code>!important</code> prevent it to change from <code>display: none</code> to <code>display: block</code>.</p>
  
  <p>Unfortunately, I need bootstrap on the backend for a lot of other stuff.</p>
  
  <p>Is there any way I can replace that class? (i just want to get rid of <code>!important</code> keeping everything else the same)</p>
  
  <p>Ideally, without changing bootstrap core <code>css</code> so that it's update-safe</p>
  
  <p>ps: Will this be different on Bootstrap 4? I don't mind updating it if it solves this issue.</p>
  
  <p>Thanks </p>