02.06.2015 Views

Bootstrap Tutorial

You also want an ePaper? Increase the reach of your titles

YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.

CHAPTER<br />

21<br />

<strong>Bootstrap</strong> Pagination<br />

This chapter discusses about pagination feature <strong>Bootstrap</strong> supports. Pagination, an unordered list is<br />

handled by <strong>Bootstrap</strong> like a lot of other interface elements.<br />

Pagination<br />

The following table lists the classes <strong>Bootstrap</strong> provides to handle pagination.<br />

Class Description Sample code<br />

.pagination<br />

Add this class to get the<br />

pagination on your page.<br />

<br />

&laquo;<br />

1<br />

.......<br />

<br />

.disabled,<br />

.active<br />

You can customize links by<br />

using.disabled for unclickable<br />

links and .activeto indicate the<br />

current page.<br />

<br />

&laquo;<br />

1(current)<br />

.......<br />

<br />

.pagination-lg,<br />

.paginationsm<br />

Use these classes to get<br />

different size items.<br />

...<br />

...<br />

...<br />

DEFAULT PAGINATION<br />

Following example demonstrates the use of class .pagination discussed in the above table:<br />

<br />

&laquo;<br />

1<br />

TUTORIALS POINT<br />

Simply Easy Learning

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

Saved successfully!

Ooh no, something went wrong!