<p dir="auto">I convert my project boostrap 2.3.2 to bootstrap 3</p>
<p dir="auto">lot of problem is</p>
<p dir="auto">.show { display: block !important }<br>
.hide { display: none !important }</p>
<p dir="auto">plz change this</p>
<p dir="auto">.show { display: block; }<br>
.hide { display: none; }</p>
<p dir="auto">I think this is lazy implementation and it breaks when using <code class="notranslate">$(elem).show()</code> or <code class="notranslate">$(elem).hide()</code> using jQuery since the hide class get more importance since the badly (IMO) use of <code class="notranslate">!important</code>.</p>
<p dir="auto">I think BT should not declare this so generics classes with !important, it makes difficult to customize. I don't like the idea of having another class for doing display: none because BT uses !important.</p>
<p dir="auto">In my opinion, having a rule like : <code class="notranslate">.hide { btn&amp;, ul li&amp;, etc.. { display:none; }}</code> isn't much work and won't break anything. also footprint shouldn't increase a lot since the .hide pattern will be greatly gzipped.</p>
<p dir="auto">right now, having a <code class="notranslate">&lt;div id="someId" class="hide"&gt;&lt;/div&gt;</code> will break <code class="notranslate">$('#someId').show()</code> function of jQuery.</p>