Рельсы: установите нумерацию страниц внизу справа

Question

Я пытаюсь поставить нумерацию страниц внизу справа, но как-то это не работает.

Я уже разрешил нумерацию страниц на своей странице, и я попытался установить положение этой нумерации страниц, но этоКажется, не работает.

Код в проектах / index.html.erb:

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

Код в проектах.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 занимает всю ширину страницы.