Portfolio Blog Post
1
2
3
4
1
2
3
1
2
3
.col-8
.col-6
.col-6
.col-4
Mixed and match columns wil change as the webpage changes
When the size of a webpage changes based on the device, if you are on a phone, the column size is different compared to a computer.

Displays are another tool that comes with bootstrap that creates headings that are much larger than normal headings. This feature is called a display and is accessed with "display-#". Displays are a subclass of headers.

The largest display

Display 2

Display 3

Display 4

Bootstrap has several other typography effects in addition to displays.

.small

Heading small text

.mark

Mark highlights elements

.abbr

dotted underlines are pretty neat

.code

A div is part of code.

.kbd

This style highlights text black