<story><title>Show HN: I made an interactive Bootstrap 4 cheat sheet</title><url>http://hackerthemes.com/bootstrap-cheatsheet</url></story><parent_chain><item><author>k__</author><text>I heard it can be used differently.&lt;p&gt;Select your elements with SASS and let this selector inherit the style of a Bootstrap class.&lt;p&gt;&lt;pre&gt;&lt;code&gt;    body &amp;gt; div &amp;gt; div {
      @extend .col-xs-4;
    }
&lt;/code&gt;&lt;/pre&gt;
But I never tried to use it that way.</text></item><item><author>matt4077</author><text>I feel like bootstrap has become the jquery of css themes. People will launch into a lecture on &amp;quot;separation of concerns&amp;quot; when they see a style attribute in html or a ruby loop in an .erb template. Yet they litter their code with  class=&amp;quot;col-xs-4&amp;quot; without a second thought.</text></item></parent_chain><comment><author>damptowel</author><text>As someone who did a couple of front end jobs both building and fixing css built in this way I can give you one advice: don&amp;#x27;t.&lt;p&gt;This might seem like an obvious thing to generate cleaner and more &amp;#x27;semantic&amp;#x27; markup but you will end up with tight coupling all over the place. When you change anything in your layout you&amp;#x27;ll need to rewrite parts of your css, which is basically twice the effort. You&amp;#x27;ll just end up wasting your employers time and money.&lt;p&gt;If you want some deeper insight into why it&amp;#x27;s considered a bad philosophy, I highly recommend reading some articles by Harry Roberts.&lt;p&gt;Then again, some succesful professionals actually work this way, I know a few.</text></comment>
<story><title>Show HN: I made an interactive Bootstrap 4 cheat sheet</title><url>http://hackerthemes.com/bootstrap-cheatsheet</url></story><parent_chain><item><author>k__</author><text>I heard it can be used differently.&lt;p&gt;Select your elements with SASS and let this selector inherit the style of a Bootstrap class.&lt;p&gt;&lt;pre&gt;&lt;code&gt;    body &amp;gt; div &amp;gt; div {
      @extend .col-xs-4;
    }
&lt;/code&gt;&lt;/pre&gt;
But I never tried to use it that way.</text></item><item><author>matt4077</author><text>I feel like bootstrap has become the jquery of css themes. People will launch into a lecture on &amp;quot;separation of concerns&amp;quot; when they see a style attribute in html or a ruby loop in an .erb template. Yet they litter their code with  class=&amp;quot;col-xs-4&amp;quot; without a second thought.</text></item></parent_chain><comment><author>scarecrowbob</author><text>Well, typically it&amp;#x27;s more like:&lt;p&gt;.home { .twitter-area { @include grid-column(4); } }&lt;p&gt;But personally I find that to be much more of a pain in the butt to come back to a couple of months later than just applying the column classes directly to elements.</text></comment>