Multiple CSS classes to style a Button w/ Rails and Twitter bootstrap

Question

I'm using Rails 3.1 and Twitter Bootstrap, but struggling to replicate <a class="btn btn-large" href="">Button!</a> with a rails helper.

With the CSS giving providing the 'button', I'm not sure whether I should be using link_to or button_to, but I DO know that neither of them are giving me the appropriately styled button.

I've tried a variety of combinations, for instance:

<%= button_to "Button!", :class => "btn btn-large" %>

How can I replicate my normal HTML link with a rails helper?

TimPetricola · Accepted Answer · 2012-03-10 20:44:36Z

3

You should use link_to :

<%= link_to 'Button!', '#', :class => 'btn btn-large' %>

I use it in this way and it works perfectly.

The button_to helper generate a form with a button. Here, you just want a link with a button appearance.

answered Mar 10, 2012 at 20:44

TimPetricola

1,4912 gold badges12 silver badges24 bronze badges

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

1 Comment

morgler Over a year ago

Note: if JavaScript is disabled, this solution does not work for other methods than GET.

P Varga · Accepted Answer · 2012-03-10 20:40:34Z

0

You have to specify multiple classse for a HTML element as <element class="foo bar">, not as <element class="foo" class="bar">. This might seem slightly counter-intuitive, I agree.

answered Mar 10, 2012 at 20:40

P Varga

20.4k14 gold badges77 silver badges118 bronze badges

1 Comment

Lumen Over a year ago

Thanks, for the answer, but it's the Rails helper version of this that I can't get working. :) I'll edit the question to reflect the proper HTML syntax.

Collectives™ on Stack Overflow

Multiple CSS classes to style a Button w/ Rails and Twitter bootstrap

2 Answers 2

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related