【问题标题】:Laravel 3 paginate not formatted correctly with Bootstrap 3Laravel 3 分页未使用 Bootstrap 3 正确格式化
【发布时间】:2014-02-07 16:13:25
【问题描述】:

我正在尝试使用 laravel 对数据库中的数据进行分页。我的代码如下:

    echo "<table class='table table-striped table-hover'><tbody>";
       $orders=DB::table('customers')->paginate(7);
       foreach ($orders->results as $order):
          echo "<tr><td>".$order->name."</td>
          <td> <button type='button' class='btn btn-sm btn-success pull-right'>
Edit</button></td>
          <td><button type='button' class='btn btn-sm btn-danger pull-right'>
Delete</button></td></tr>"; 
       endforeach; 
    echo "</table>";
       echo $orders->links();

这会在不同的行中输出分页链接,如下所示:

« Previous
1
2
Next »

是不是因为和bootstrap3有冲突?非常感谢任何帮助。

【问题讨论】:

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


    【解决方案1】:

    虽然不是最好的处理方法,但我设法解决了这个问题。我的解决方案需要编辑供应商文件夹中的 paginator.php。改变

    return '<div class="pagination">'.$content.'</div>';
    

    在第 188 行到

    return $content;
    

    解决问题。

    【讨论】:

      【解决方案2】:

      分页链接是父 div 内的垂直列表,其类为 .pagination。你可以通过一些简单的 CSS 修改来解决这个问题:

      .pagination li {
          display: inline;
          margin-left: 0.5em;
          margin-right: 0.5em;
      }
      

      这将使列表项内联并在它们之间添加一些空间。非常适合我。我不知道为什么 laravel 一开始就使用这样的列表中的链接。

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 2014-06-04
        • 2014-07-15
        • 2015-03-09
        • 2017-10-13
        • 1970-01-01
        • 2013-09-16
        • 2013-08-20
        • 2014-01-14
        相关资源
        最近更新 更多