Skip to content

Instantly share code, notes, and snippets.

@jayharris

jayharris/DoingBootstrapRight.html

Last active September 27, 2017 15:49
Show Gist options
  • Save jayharris/9280713 to your computer and use it in GitHub Desktop.
Save jayharris/9280713 to your computer and use it in GitHub Desktop.
Download ZIP
Semantic CSS with Bootstrap and LESS
Raw
DoingBootstrapRight.html
<div class="DoingItRight">This is how it is done!</div>
Raw
DoingBootstrapRight.less
// @Import some bootstrap mixins
.DoingItRight {
.make-xs-column(6);
.make-sm-column(4);
.make-md-column(3);
.make-lg-column(2);
}
Raw
DoingBootstrapWrong.html
<div id="DoingItWrong" class="col-lg-2 col-md-3 col-sm-4 col-xs-6">You're doing it wrong!</div>
@justinwinslow
Copy link

@andyfowler - I've written large, rich, commercial applications semantically that had a smaller css file than what Bootstrap adds out the door.

Edit - I guess maybe a better way to say it is, if you are using Bootstrap in your project, you are already more concerned with abstraction and reducing developer effort than file size.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment