使用导轨上的引导程序设置缩略图的路径答案

【问题标题】：Set path to thumbnail using bootstrap on rails使用导轨上的引导程序设置缩略图的路径
【发布时间】：2015-11-05 07:15:24
【问题描述】：

我想使用 bootstrap on rails 设置缩略图区域的路径。我一直在尝试通过使用锚标记来实现它，但是我不确定如何将路径而不是 url 实现到锚标记。特别是，我想将“answer_path”设置为转换目标。你能告诉我怎么做吗？

#homes/home.html.erb
<div class="row">
  <% @questions.each do |question| %>
  <div class="col-sm-6 col-md-4">
    <div class="thumbnail">
      <a href="#" class="" > <-------Anchor tag
        <div class="caption">
          <ul class="list-inline">
            <li class="text-left"><img src="http://www.gravatar.com/avatar/#{hash}.png?d=identicon" class="user_image"></li>
            <li>
              <ul class="list-unstyled">
                <li><%= question.user.name %></li>
                <li><%= question.user.title %></li>
              </ul>
            </li>
          </ul>
          <p>
            <%= question.body %>
          </p>
          <p>
            <div class = "answer">
              <% @answer = question.answers.highest[0] %>
              <% if @answer == nil then %>
                No Answer
              <% else %>
                <%= render @answer %>
              <% end %>
            </div>
          </p>
          <ul class="list-inline">
            <li><a href="#" class="btn btn-default" role="button">Re-ask</a></li>
            <li><%= link_to raw("Answer"), new_answer_path(question_id: question.id), method: :get, class: "btn btn-default" %></li>
          </ul>
        </div>
     </a> <-------Anchor tag
    </div>
  </div>
  <% end %>
</div>

【问题讨论】：

标签： jquery css ruby-on-rails twitter-bootstrap

【解决方案1】：

我认为您正在寻找这样的东西：

<div class="row">
  <% @questions.each do |question| %>
  <div class="col-sm-6 col-md-4">
    <div class="thumbnail">
      <%= link_to answer_path(question.answer) do %> <-------Anchor tag
        <div class="caption">
          <ul class="list-inline">
            <li class="text-left"><img src="http://www.gravatar.com/avatar/#{hash}.png?d=identicon" class="user_image"></li>
            <li>
              <ul class="list-unstyled">
                <li><%= question.user.name %></li>
                <li><%= question.user.title %></li>
              </ul>
            </li>
          </ul>
          <p>
            <%= question.body %>
          </p>
          <p>
            <div class = "answer">
              <% @answer = question.answers.highest[0] %>
              <% if @answer == nil then %>
                No Answer
              <% else %>
                <%= render @answer %>
              <% end %>
            </div>
          </p>
          <ul class="list-inline">
            <li><a href="#" class="btn btn-default" role="button">Re-ask</a></li>
            <li><%= link_to raw("Answer"), new_answer_path(question_id: question.id), method: :get, class: "btn btn-default" %></li>
          </ul>
        </div>
     <% end %><-------Anchor tag
    </div>
  </div>
  <% end %>
</div>

【讨论】：