02.06.2015 Views

Bootstrap Tutorial

Create successful ePaper yourself

Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.

To align components in navbars with utility classes, use .navbar-left or .navbar-right instead. See the navbar<br />

chapter for details.<br />

Center content blocks<br />

Use class center-block to set an element to center.<br />

<br />

<br />

This is an example for center-block<br />

<br />

<br />

Clearfix<br />

To clear the float of any element, use the .clearfix class.<br />

<br />

<br />

Quick Float to left<br />

<br />

<br />

Quick Float to right<br />

<br />

<br />

Showing and hiding content<br />

You can force an element to be shown or hidden (including for screen readers) with the use of<br />

classes.show and .hidden.<br />

<br />

<br />

This is an example for show class<br />

<br />

<br />

This is an example for hide class<br />

<br />

<br />

Screen reader content<br />

You can hide an element to all devices except screen readers with class .sr-only.<br />

TUTORIALS POINT<br />

Simply Easy Learning

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!