Bootstrap CSS Basic Text Reference

# Bootstrap CSS Typography Reference

« Previous
Next Reference »

## Bootstrap's Default Settings

Bootstrap's global default font-size is 14px, with a line-height of 1.428.

This is applied to the <body> and all paragraphs.

In addition, all <p> elements have a bottom margin that equals half their computed line-height (10px by default).

## Typography

The elements below are HTML elements that will be styled a little bit differently by Bootstrap than browser defaults. Look at the "Try it" examples to see the result/differences.

The classes below is used to style the elements further.

Element/Class | Description | Example
--- | --- | ---
<h1> - <h6> or .h1 - .h6 | h1 - h6 headings | Try it

<small>

Creates a lighter, secondary text in any heading

## Heading (secondary text)

Try it

.small | Indicates smaller text (set to 85% of the size of the parent): Smaller text | Try it
.lead | Makes a text stand out: Stand out text | Try it
<mark> or .mark | Highlights text: Highlighted text | Try it
<del> | Indicates deleted text: Deleted text | Try it
<s> | Indicates no longer relevant text: No longer relevant text | Try it
<ins> | Indicates inserted text: Inserted text | Try it
<u> | Indicates underlined text: Underlined text | Try it
<strong> | Indicates bold text: Bold text | Try it
<em> | Indicates italic text: Italic text | Try it
.text-left | Indicates left-aligned text | Try it
.text-center | Indicates center-aligned text | Try it
.text-right | Indicates right-aligned text | Try it
.text-justify | Indicates justified text | Try it
.text-nowrap | Indicates no wrap text | Try it
.text-lowercase | Indicates lowercased text: LOWERCASED TEXT | Try it
.text-uppercase | Indicates uppercased text: uppercased text | Try it
.text-capitalize | Indicates capitalized text: capitalized text | Try it
<abbr> | The <abbr> element indicates an abbreviation or acronym. Abbreviations with a title attribute have a dotted bottom border and a help cursor on hover, providing additional context on hover. | Try it
.initialism | Displays the text inside the <abbr> element in a slightly smaller font size | Try it
<address> | Presents contact information | Try it
<blockquote> | Indicates blocks of content from another source | Try it
.blockquote-reverse | Indicates a blockquote with right-aligned content | Try it
<ul> | Indicates an unordered list | Try it
<ol> | Indicates an ordered list | Try it
.list-unstyled | Removes the default list-style and left margin on list items (works on both <ul> and <ol>). This class only applies to immediate children list items (to remove the default list-style from any nested lists, apply this class to any nested lists as well) | Try it
.list-inline | Places all list items on a single line | Try it
<dl> | Indicates a description list | Try it
.dl-horizontal | Lines up the terms and descriptions in the <dl> element side-by-side. Starts off like default <dl>s, but when the browser window expands, it will line up side-by-side | Try it

## Code

Element/Class | Description | Example
--- | --- | ---
<code> | Indicates inline snippets of code: `span`, `div` | Try it
<kbd> | Indicates input that is typically entered via the keyboard: `CTRL + P` | Try it
<pre> | Indicates multiple lines of code | Try it
<pre class="pre-scrollable"> | Indicates multiple lines of code with scrollbar | Try it
<samp> | Indicates sample output from a computer program: `Sample output` | Try it
<var> | Indicates variables: x = ab + y | Try it

« Previous
Next Reference »

### WEB HOSTING

UK Reseller Hosting

### WEB BUILDING

FREE Website BUILDER Free HTML5 Templates

### W3SCHOOLS EXAMS

HTML, CSS, JavaScript, PHP, jQuery, XML, and ASP Certifications

### SHARE THIS PAGE

### Color Picker

### HTML/CSS

HTML Tutorial HTML5 Tutorial CSS Tutorial CSS3 Tutorial Bootstrap Tutorial

### JavaScript

JavaScript Tutorial jQuery Tutorial jQuery Mobile Tutorial AngularJS Tutorial AJAX Tutorial JSON Tutorial

### Graphics

Canvas Tutorial SVG Tutorial Google Maps Tutorial

### Server Side

SQL Tutorial PHP Tutorial ASP Tutorial ASP.NET Tutorial VBScript Tutorial AppML Tutorial

### Web

Web Building Web Statistics Web Certification

### XML

XML Tutorial DTD Tutorial Schema Tutorial XML DOM Tutorial XPath Tutorial XSLT Tutorial XQuery Tutorial XSL-FO Tutorial RSS Tutorial WSDL Tutorial

### HTML/CSS

HTML Tag Reference HTML Event Reference HTML Color Reference CSS 1,2,3 Reference Bootstrap Reference

### JavaScript

JavaScript Reference HTML DOM Reference jQuery Reference jQuery Mobile Reference Google Maps Reference

### Server Side

PHP Reference SQL Reference ASP Reference VBScript Reference Razor Reference ASP.NET Reference

### XML

XML DOM Reference XSLT Reference XSL-FO Reference XPath Reference XQuery Reference Schema Reference RSS Reference SVG Reference

### HTML Charsets

HTML Character Sets HTML ASCII HTML ANSI HTML Windows-1252 HTML ISO-8859-1 HTML Symbols HTML UTF-8

### HTML/CSS

HTML Examples CSS Examples

### Browser Scripting

JavaScript Examples HTML DOM Examples jQuery Examples jQuery Mobile Examples AngularJS Examples AJAX Examples

### Server Scripting

PHP Examples ASP Examples VBScript Examples Razor Examples .NET Examples

### XML Languages

XML Examples DTD Examples XML DOM Examples XSL Examples XSLT Examples XPath Examples XQuery Examples Schema Examples RSS Examples SVG Examples