Rails：在右下角设置分页

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

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

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