Bootstrap with added classes

Text examples

Lorem ipsum site

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum

Div example

A top-level DIV.
A nested DIV. The fact that it is nested is not visible.

Preformatting

 This text is   ...
pre-formatted

Focusing

Focus here.
No, here.

Table with lots of fancy features

Sample table
colorexamplecondition
redappleripe
orange picture of an orange not in Indonesia
blueskyclear
long entry indeed exhausting
tallmountain snow-capped
skyscraperurban

Media

Here is some video with subtitles:
Here is some audio:

Turning off spellcheck

Enter English here. It will be autocompleted, autocapitalized, and spellchecked, if your browser allows that.



Enter English here. None of the above manipulations should happen.


Using the grid system

One of three sm columns
One of three sm columns
One of three sm columns
One of three lg columns
One of three lg columns
One of three lg columns
One of four lg columns
One of four lg columns
One of four lg columns
One of four lg columns
lg-5 md-7 sm-12
lg-3 md-5 sm-7
lg-4 md-6 sm-5
sm-5 offset-sm-4 column
sm-2 offset-sm-1 column
5 column
inner 5
inner 3
inner 4
inner 4

Buttons

Lorem ipsum site (I am a link masquerading as a button)

Dropdown menus

go to media or to spellcheck
or all the way to the top

Forms

We might share your email with the world.
If you are so foolish as to actually type a password.

Modals

Navbars

The Navbar might be fixed to the top or bottom.

Tooltips

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Pagination

These are the examples from class. These are the sections of this document.