【问题标题】:Bootstrap 3: How to keep pagination on one line?Bootstrap 3:如何将分页保持在一行?
【发布时间】:2013-10-01 11:38:25
【问题描述】:

我的 Bootstrap 3 分页工作正常。 除了一件事: 分页不会停留在一行,而是换行。 例如,在电话视图中,我有三行数字的分页。 问题是:我如何强制将分页保持在一行? 谢谢!

【问题讨论】:

    标签: twitter-bootstrap pagination laravel laravel-4 twitter-bootstrap-3


    【解决方案1】:

    <ul> 的宽度设置为较大的值似乎可行:

    <div class="container">
        <div class="row">
            <div class="col-xs-12">
                <ul class="pagination" style="width:100000px;">
    

    也许用 javascript / jquery 计算实际宽度。

    还考虑不显示所有值,但类似:

    【讨论】:

    • 第一个解决方案无法正常工作,因为它使站点在右侧停留了很长时间。我对最后一个解决方案感兴趣,我该怎么做?谢谢
    • 如何构建分页?您使用 CMS 吗?用什么语言,等等。
    • 我正在使用 Laravel 4。我可以很好地与 Bootstrap 集成。这是原始代码行: {{ $newsletterUsers->links() }} 创建一个
      • 对不起,我对 Laravel 4 一无所知。看来你得看看github.com/laravel/framework/blob/master/src/Illuminate/…。另见stackoverflow.com/questions/18766753/…。也许将 13 设置为一个较低的值 if ($this-&gt;lastPage &lt; 13)(BootstrapPresenter.php 中的第 49 行)就可以了。
      • 好的,设置创建分页的最少元素数量。我尝试更改一些值,但找不到正确的解决方案。使用纯 html,如何修改分页以 ?
      猜你喜欢
      • 2016-01-21
      • 1970-01-01
      • 1970-01-01
      • 2021-07-10
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2014-05-18
      相关资源
      最近更新 更多