Rails:Set 右下分页

Question

我尝试将分页放在右下角，但不知为何不起作用。

我已经让分页在我的页面上工作了，我也试过设置这个分页的位置，但好像不行。

代码在projects/index.html.erb:

<div class="pagination">
  <div class ="page_info">
    <%=paginate @projects%>
  </div>
</div>

projects.scss上的代码：

.pagination{
  .pagination .page_info{
    color: white;
    text-align: right;
  }
}

我想把分页放在右下角，现在显示位置不对

Answer 1

您的分页不是文本，而是带有文本的块，因此请尝试将它们像块一样对齐。同样在 scss 中，您不必重复父名称类:

.pagination {
  .page_info {
    float: right;
  }
  clear: both;
}

Answer 2

如果您在应用程序中使用 Bootstrap，只需添加 float-right class.

<div class="pagination">
  <div class ="page_info float-right">
    <%=paginate @projects%>
  </div>
</div>

确保您的外部 div 占据页面的完整宽度。

Rails:Set the pagination on the right-bottom