Ruby on Rails, Bootstrap& Buttons

Question

I'm using Rails and Bootstrap and I'm trying to create large 100x100 pixel buttons with a large image at the top and text below.

I'm using the follwing code in the view (partial):

<button class="btn btn-large btn-vehicles btn-header-maint">
        <%= image_tag ("glyphs/Vehicles.gif" , :size => "66x66") %>
        <br></br>
        <%= link_to( "Vehicles", :controller => 'vehicles') %>
        </button>

The problem is that only the text is working as a link, not the whole button. I've messed around for hours trying to solve this. Can anyone help with the correct structure?

user229044 · Accepted Answer · 2012-11-17 05:27:29Z

1

You can't nest links within <button> tags.

You probably want to just use the link itself as the button, put the content inside it, and style it appropriately:

<%= link_to( "Vehicles", :controller => 'vehicles') do %>
  <%= image_tag ("glyphs/Vehicles.gif" , :size => "66x66") %>
  <br></br>
<% end %>

answered Nov 17, 2012 at 5:27

user229044♦

241k41 gold badges347 silver badges350 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

jared Over a year ago

Thanks meager that's perfect. final code: '<%= link_to( "Vehicles", :controller => 'vehicles', :class =>"btn btn-large btn-vehicles" ) do %> <%= image_tag ("glyphs/Vehicles.gif" , :size => "48x48") %> <br></br> Vehicles <% end %>

sameera207 Over a year ago

@jared, if this worked for you consider accepting the above answer :)

jared Over a year ago

Thanks meager - first post from a newb

Collectives™ on Stack Overflow

Ruby on Rails, Bootstrap& Buttons

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related