【问题标题】:Move pagination to footer将分页移动到页脚
【发布时间】:2017-09-05 22:20:24
【问题描述】:

我试图在我的网站上将分页移动到页脚。
我不想现成的解决方案,我想一个人做这个,但我不知道从哪里开始,一个真正的程序员如何处理这个?

*我最近从书中完成了这个网站,现在我试图独自做一些事情。

代码:

<div id="pins" class="transitions-enabled">
  <% @pins.each do |pin| %>
  <div class="box">
    <div class="panel panel-default">
      <%= link_to image_tag(pin.image.url(:medium)), pin %><br/>
      <div class="panel-body">
        <%= pin.description %><br/>
        <br/>
        <strong><%= pin.user.name if pin.user %></strong><br/>
      </div>
      <% if pin.user == current_user %>
      <div class="panel-footer">
        <%= link_to 'Edit', edit_pin_path(pin) %><br/>
        <%= link_to 'Delete', pin, method: :delete, data: { confirm: 'Are you sure?' } %>
      </div>
      <% end %>
    </div>
  </div>
  <% end %>
</div>
<br/>
<div class="center">
  <%= will_paginate @posts, renderer: BootstrapPagination::Rails %>
</div>

屏幕:

【问题讨论】:

  • 请格式化您的代码,尤其是缩进。
  • 我觉得现在好多了,我不知道我还能做什么。
  • div不对齐,这是调试html代码时最重要的因素。
  • 所以现在我“不排队 div”。我希望现在一切都好。但是我帖子下面的朋友,他排了队
  • 好的,我认为现在工作 100%

标签: html ruby-on-rails twitter-bootstrap pagination


【解决方案1】:

你还没有展示你的容器。如果您按顺序将所有内容传递到容器中:

<div class="container"> 
 <div class="row">
  <div class="col-md-12">
    Stff..
   </end>
  </end>
</end>

一切都应该没问题。作为快速修复尝试:

<div class="center col-md-12">
 <%= will_paginate @posts, renderer: BootstrapPagination::Rails %>
 </div>

但这只是一个快速修复,而不是解决方案......

而且你的代码有点有点乱七八糟,你有一个关闭的 div,但没有显示它是在哪里打开的

【讨论】:

  • 我不明白你,我所有的div都关闭了
  • 嗯,现在我明白了,它们都已关闭。但无论如何 - 你还没有展示你的容器、行和它们的类(col-md-12 等)它们在 Bootstrap 中推送你的元素,所以在它们上工作你可以解决填充问题
  • “你没有展示你的容器、行和它们的类”是什么意思?
  • 我在 bootstraply.css.scss 中找到了类“.center”?你是这个意思吗?
  • 核心 Bootstrap 规则是用 'container` 类以及其他类包装内容 - 就像我的帖子中一样。然后,您无需在 CSSfile 中编码即可获得填充和其他样式。这些是您在学习 Bootstrap 时学到的第一条规则。我建议再次查看 Bootstrap 文档。
猜你喜欢
  • 2018-05-16
  • 1970-01-01
  • 2016-05-27
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2021-06-07
  • 1970-01-01
  • 2015-12-08
相关资源
最近更新 更多