Question

我喜欢pagination hyperlinks in Twitter Bootstrap的外观，但就我而言，它们必须是按钮类型=＆＃34;提交＆＃34;。

有没有办法使用分页外观设置按钮样式？

Answer 1

你应该能够使用＆＃34; btn-toolbar＆＃34;将html标签变成按钮。和＆＃34; btn-group＆＃34;像这样的标签：

<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>

这是您在.Net应用程序上使用分页和按钮的最接近的地方。

Answer 2

您可以使用类btn和btn-default，按钮看起来几乎与分页链接相同，但颜色除外，您可以使用类更改。

检查this jsfiddle以获取示例。

编辑：

如果您有多个按钮，则可以使用包含class="btn-group"的包装器。像this

一样

按钮的Bootstrap分页

2 个答案: