Emmet Bootstrap Cheatsheet

Other Teachers at Ethel Boyes Elementary School

Recommended links

Math Facts Practice - Have fun drilling on math facts.
Keyboarding Practice - Typing games to build skills.
Learn about Syllables - A great lesson with activities.
Figurative Expressions Games - What does "a piece of cake" mean?
Play Hig Pig (rhyming games) - The best free time word game.
Educational Games - Learning games for kids.
Build English Vocabulary - Games to build language skills.
Online Writing Courses - Time4Writing classes run eight weeks.
Online Interactive Curriculum - PreK-8th afterschool & homeschool subscription site.

Bootstrap Grid Structure w/ Emmet Snippets

Bootstrap Text & List Styles w/ Emmet Snippets

Headlines
h1 or h1>small
h2 or h2>small
h3 or h3>small
h4 or h4>small
h5 or h5>small
h6 or h6>small

Text Styles
p.lead
p.text-left
p.text-center
p.text-right
p.text-justify
p.text-nowrap

Text Styles
span.lead
span.text-left
span.text-center
span.text-right
span.text-justify
span.text-nowrap

Text Styles
bold
underline
text-lowercase
text-uppercase
text-capitalize

List Tags Style Classes
li.list-unstyled - Removes the default list-style and left margin
li.list-inline - Places all list items on a
single line
Use FontAwesome instead of a list-style-type

li { list-style: none; }
li:before { float: left; margin-left: -1.5em; margin-top: *px; content: '\*'; font-family: 'FontAwesome'; font-size: *px; color: #*; }

Grid Bootstrap Classes

Images Bootstrap Classes w/ Emmet Snippets

Jumbotron w/ Emmet Snippets

Panels w/ Emmet Snippets

Class Prefix & Device Size

Screen Width & Container Width