CODEWITHSUNDEEP
twitter-bootstrap
Phillip Senn
Phillip Senn

Reputation: 47605

Bootstrap pagination for buttons

I like the look of the pagination hyperlinks in Twitter Bootstrap, but in my case they have to be button type="submit".

Is there a way to style buttons using the pagination look?

Upvotes: 2

Views: 7831

Answers (2)

Marcelo Martins
Marcelo Martins

Reputation: 150

You should be able to turn the html tags into buttons using the "btn-toolbar" and "btn-group" tags like so:

<div class="btn-toolbar" role="toolbar" style="margin: 0;">
    <div class="btn-group">
        <button type="button" class="btn btn-default color-blue"><i class="fa fa-fast-backward"></i></button>
        <button type="button" class="btn btn-default color-blue"><i class="fa fa-step-backward"></i></button>
        <button type="button" class="btn btn-default text-faded">1 of 12</button>
        <button type="button" class="btn btn-default color-blue"><i class="fa fa-step-forward"></i></button>
        <button type="button" class="btn btn-default color-blue"><i class="fa fa-fast-forward"></i></button>
    </div>
</div>

That is the closest you will get to use pagination and buttons on a .Net application.

Upvotes: 3

Choma
Choma

Reputation: 708

You can use the classes btn and btn-default, and the button will look like almost the same as the pagination links, except for the color, which you can change with a class.

Check this jsfiddle for an example.

EDIT:

You can use a wrapper with class="btn-group" if you have several buttons. Like this

Upvotes: 1

Related Questions