Twitter Bootstrap Question posted in

Twitter bootstrap – 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?

Tags:

2

Answers


  1. 0

    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

    Login or Signup to reply.
  2. 0

    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.

    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search