<p dir="auto">Hey Bootstrapers. Congrats on the release. BS3 is awesome.</p>
<p dir="auto">I asked this on the BS3 pull request but didn't get a reply, but it's the one thing that is bothering me when using BS3:</p>
<p dir="auto">Shouldn't <code class="notranslate">.col-sm-*</code> be named <code class="notranslate">.col-md-*</code> instead?</p>
<p dir="auto"><code class="notranslate">.col-12</code> — mobile first, so you can say it affects <strong>small</strong> screens<br>
<code class="notranslate">.col-sm-12</code> — <strong>medium</strong> screens only<br>
<code class="notranslate">.col-lg-12</code> — <strong>large</strong> screens only</p>
<p dir="auto">Thanks in advance for clarifying this!</p>
<p dir="auto"><del>Since I'm bothering you already, I had another 3-part question:</del></p>
<p dir="auto"><del>Why doesn't col-push/pul/offset work for any screen size? Why not favor one instead of keeping both push and offset? Would it make sense to be able to target a screen size like <code class="notranslate">.col-lg-push-2</code>?</del></p>
<p dir="auto">With Bootstrap 3 RC1, the <code class="notranslate">sm</code> keyword is used in an inconsistent manner. When referring to column sizes, it means "tablet sized." When referring to hide/show responsive classes it means "phone sized." My recommendation would be to rename all of the <code class="notranslate">col-sm-X</code> classes to be <code class="notranslate">col-md-X</code> classes.</p>
<p dir="auto">This would solve the inconsistency while still advocating "mobile-first" and leaving the mobile columns un-prefixed.</p>