Typography

Bootstrap 3 Typography Showcase

Headings

h1. Heading 1

How much wood would a wood chuck chuck if a wood chuck could chuck wood? The sky will guide you home because why is there a typewriter in your shoes and the world I knew is broken.

h2. Heading 2

How much wood would a wood chuck chuck if a wood chuck could chuck wood? The sky will guide you home because why is there a typewriter in your shoes and the world I knew is broken.

h3. Heading 3

How much wood would a wood chuck chuck if a wood chuck could chuck wood? The sky will guide you home because why is there a typewriter in your shoes and the world I knew is broken.

h4. Heading 4

h5. Heading 5
h6. Heading 6

BlockQuote & Address

In that moment, I realized the reason I couldn't hold my coffee cup was because I was a cat.

Famous Quote Source Title

In that moment, I realized the reason I couldn't hold my coffee cup was because I was a cat.

Famous Quote Source Title
Twitter, Inc.
795 Folsom Ave, Suite 600
San Francisco, CA 94107
P: (123) 456-7890
Your Name
name.surname@example.com

Lists

Unordered

  • Unordered List Item
  • List Item in small tag
  • List Item in bold tag
  • List Item in italics tag
    • Nested List Item
    • Nested List Item
    • Nested List Item
  • Unordered List Item which is a longer item and may break into more lines.
  • List Item in strong tag
  • List Item in emphasis tag

Ordered

  1. Ordered List Item
  2. .text-primary Ordered List Item
  3. .text-danger Ordered List Item
  4. .text-success Ordered List Item
  5. .text-info Ordered List Item
  6. .text-warning Ordered List Item
  7. .text-muted Ordered List Item
  8. .text-pink Ordered List Item
  9. .text-dark Ordered List Item
  10. .text-purple Ordered List Item
  11. .text-yellow Ordered List Item

Unstyled

  • Lorem ipsum
  • Lorem ipsum
  • Lorem ipsum

With icons

  • Lorem ipsum
  • Lorem ipsum
  • Lorem ipsum

Inline

  • Lorem ipsum
  • Lorem ipsum
  • Lorem ipsum

Inline with icons

  • Lorem ipsum
  • Lorem ipsum
  • Lorem ipsum

Code Markup

The basic structure of the HTML theme is as follows

<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<title>Admin Bootstrap Theme - Home</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<!-- STYLESHEETS -->
<!-- FONTS -->
</head>
<body>
	<!-- PAGE -->
	<div id="page">
	</div>
<!-- JAVASCRIPTS -->
</body>
</html>

Description

Vertical Description

Description lists
Accuse me of eating your microscopic purple pickle.
Mockery
The basketball went haywire and exploded into fairy dust and ate cake.
Try to recall the crime scene Lucy.Maybe some tid-bits like where it was hijacked.
Floral Garden
I want to smell the roses of the divine mills.

Horizontal Description

Description lists
Accuse me of eating your microscopic purple pickle.
Euismod
The basketball went haywire and exploded into fairy dust and ate cake.
Try to recall the crime scene Lucy.Maybe some tid-bits like where it was hijacked.
Floral Garden
I want to smell the roses of the divine mills.
Gummy bears are chasing me.
I'm so scared that somethings you did to remember goats and thinking your liver is a tomato paste teacher for grandma's town of gumballs.
Top