如何制作引导按钮，单击以重定向到特定页面答案

【问题标题】：How to make the bootstrap button,when clicked to redirect to a specific page如何制作引导按钮，单击以重定向到特定页面
【发布时间】：2015-05-11 21:38:54
【问题描述】：

这是我的代码

<div class="btn btn-default btn-lg btn-block for-get-button">
  <%= link_to "Get this box for", download_picture_path(@gig), :target => "_blank" %> <%= @gig.pointsneeded %> points
</div>

为了澄清上面的第一个代码，将用户重定向到我需要的地方。

<%= link_to "Get this box for", download_picture_path(@gig), :target => "_blank" %>

第二个代码，只显示需要的点数

<%= @gig.pointsneeded %>

而“points”这个词只是代码后面的一个词。

这是所有代码的css：

.btn.btn-default.btn-lg.btn-block.for-get-button {
  background-color: #000000;
  text-color: #00FFFF;
  a:link { 
    color: #00FFFF;
  }
  a:visited { 
    color: #00FFFF;
  }
  a:hover { 
    color: #00FFFF;
  }
  a:active { 
    color: #00FFFF;
  }
  color: #00FFFF;
}

问题：当点击它周围形成的按钮的任何部分/侧面时，如何制作整个代码，当点击它时应该重定向到download_picture_path（@gig）。因为现在，将鼠标悬停在“获取此框”上会出现下划线，我必须完全点击“获取此框” 重定向到我需要的地方，当我应该能够单击按钮中的任意位置进行重定向时。

希望我说清楚了。

【问题讨论】：

标签： css ruby-on-rails twitter-bootstrap ruby-on-rails-4 model-view-controller

【解决方案1】：

这应该适合你：

<%= link_to "Get this box for #{@gig.pointsneeded} points", download_picture_path(@gig), :target => "_blank", class: "btn btn-default btn-lg btn-block for-get-button" %>

虽然我的代码可能不在样式上，因为我取出了 div 并将其放在了 link_to 上。但它应该可以解决问题

【讨论】：