- add respond.js to IE < 9 https://github.com/scottjehl/Respond
- make sure we use latest IE renderer available
<meta http-equiv="X-UA-Compatible" content="IE=edge"> - http://getbootstrap.com/getting-started/#support-ie10-width
<meta name="viewport" content="width=device-width, initial-scale=1">.container > .row > .col > .row > .col- make semantic col names: http://getbootstrap.com/css/#grid-less
- Learn
- text alignment classes: http://getbootstrap.com/css/#type-alignment
.form-groupwith.has-feedback: http://getbootstrap.com/css/#forms-control-validation- http://getbootstrap.com/components/#list-group
- http://getbootstrap.com/components/#panels, I like the combination with tables
- use
<footer>in<blockquote>for citations. Also:.blockquote-reversefor right-aligned - Lists
- remove list-styles by adding
.list-unstyled .list-inlinefor inline lists- Horizontal description lists with
.dl-horizontal
- remove list-styles by adding
- use
kbdfor for keyboard shortcuts - Forms
.form .form-group :any(.label, .form-control)- for
.form-horizontal,form-groupbehaves lik.row - wrap checkboxes / radios into
<label>. And wrap these<labels>s intodiv.checkbox/div.radio - for inline, wrap in
div.checkbox-inline/div.radio-inline .form-control-staticto add text where you'd otherwise put an input.form-groupcan have.has-success/.has-warning/.has-error- hide labels with
.sr-only - control sizes of
.form-groups with.input-lgandinput-smas well as.col-lg-*. For.form-groups, there areform-group-lgandform-group-sm .help-blockfor help text- Buttons:
.btn-lg,.btn-sm, or.btn-xs
.img-responsiveto make imagesmax-width: 100%.img-rounded,.img-circle,.img-thumbnail.pull-left/.pull-rightcan be used everywhere to float content.center-block.show/.hidden/.invisible.text-hidefor image replacements.visible-sm-*,.visible-md-*,.visible-lg-*,.hidden-xs,.hidden-sm,.hidden-md,.hidden-lg,.visible-*-block,.visible-*-inline,.visible-*-inline-block,.hidden-print,visible-print-block,.visible-print-inline,.visible-print-inline-block
Last active
August 29, 2015 14:04
-
-
Save gr2m/fa99aeda834482643330 to your computer and use it in GitHub Desktop.
I've read the whole Bootstrap 3 documentation. I learned a few new things.
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
I knew half of this already :)