# Bootstrap CSS Helper Classes Reference

« Previous
Next Reference »

## Text

Add meaning through text-colors with the classes below. Links will darken on hover:

Class | Description | Example
--- | --- | ---
.text-muted | Text styled with class "text-muted" | Try it
.text-primary | Text styled with class "text-primary" | Try it
.text-success | Text styled with class "text-success" | Try it
.text-info | Text styled with class "text-info" | Try it
.text-warning | Text styled with class "text-warning" | Try it
.text-danger | Text styled with class "text-danger" | Try it

## Background

Add meaning through background-colors with the classes below. Links will darken on hover just like text classes:

Class | Description | Example
--- | --- | ---
.bg-primary | Table cell is styled with class "bg-primary" | Try it
.bg-success | Table cell is styled with class "bg-success" | Try it
.bg-info | Table cell is styled with class "bg-info" | Try it
.bg-warning | Table cell is styled with class "bg-warning" | Try it
.bg-danger | Table cell is styled with class "bg-danger" | Try it

## Other

Class | Description | Example
--- | --- | ---
.pull-left | Floats an element to the left | Try it
.pull-right | Floats an element to the right | Try it
.center-block | Sets an element to display:block and center | Try it
.clearfix | Clears floats |
.show | Forces an element to be shown | Try it
.hidden | Forces an element to be hidden | Try it
.sr-only | Hides an element to all devices except screen readers | Try it
.sr-only-focusable | Combine with .sr-only to show the element again when it is focused (e.g. by a keyboard-only user) | Try it
.text-hide | Helps replace an element's text content with a background image | Try it
.close | Indicates a close icon | Try it
.caret | Indicates dropdown functionality (will reverse automatically in dropup menus) | 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