Blockquotes

Alignment & Sizes

Sometimes when you innovate, you make mistakes. It is best to admit them quickly, and get on with improving your other innovations. - Steve Jobs

Blockquotes are by default floated left but can be floated right using the helper class .pull-right. Change blockquote text alignment by using one of the following text alignment helper classes: .left, .center, or .right.

Default width of a blockqute is set to 100% of it's parent container, while a floated blockquote is set to 40% of it's parent container.

Blockquotes can also be altered in size by using one of the following size classes: .small, .medium, .large and .xlarge. Default size is set to medium.

Example
								
									

Sometimes when you innovate, you make mistakes. It is best to admit them quickly, and get on with improving your other innovations.

Steve Jobs

Blockquote with Border

Create a bordered blockquote by adding the .border class to the blockquote tag. Adding alignment and/or sizes classes will affect the padding of the quote.

Sometimes when you innovate, you make mistakes. It is best to admit them quickly, and get on with improving your other innovations. Steve Jobs

Example
								
									

Sometimes when you innovate, you make mistakes. It is best to admit them quickly, and get on with improving your other innovations.

Steve Jobs

Blockquote with Icon

Create an icon blockquote by adding the .icon class to the blockquote tag and the necessary markup with the icon class of your choice inside the blockquote. Adding alignment and/or sizes classes will affect the position and size of the icon as well as the quote itself.

Sometimes when you innovate, you make mistakes. It is best to admit them quickly, and get on with improving your other innovations. Steve Jobs

Example
								
									

Sometimes when you innovate, you make mistakes. It is best to admit them quickly, and get on with improving your other innovations.

Steve Jobs

Blockquote with Avatar

Create an avatar blockquote by adding the .avatar class to the blockquote tag and the necessary markup for the avatar inside the blockquote. Adding alignment and/or sizes classes will affect the position and size of the avatar as well as the quote itself.

avatar

Sometimes when you innovate, you make mistakes. It is best to admit them quickly, and get on with improving your other innovations. Steve Jobs

Example
								
									

Sometimes when you innovate, you make mistakes. It is best to admit them quickly, and get on with improving your other innovations.

Steve Jobs
Theme Mountain

Current Version