2012-11-17 9 views
1

레일 및 부트 스트랩을 사용하고 있으며 상단 및 텍스트 아래에 큰 이미지가있는 대형 100x100 픽셀 버튼을 만들려고합니다.Ruby on Rails, 부트 스트랩 및 버튼

나는 (부분) 뷰에서 follwing을 코드를 사용하고 있습니다 :

<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> 

문제는 텍스트가 링크가 아닌 전체 버튼으로 작동하고 있다는 점이다. 이 문제를 해결하기 위해 몇 시간 동안 엉망이되었습니다. 누구든지 정확한 구조를 도울 수 있습니까?

답변

1

<button> 태그 내에 링크를 중첩 할 수 없습니다. 적절하게 당신은 아마 그냥 버튼으로 링크 자체를 사용하여 그 안에 내용을 넣을

및 스타일은 :

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

감사 빈약 한 그 완벽. 최종 코드 : '% = link_to ("Vehicles", : 컨트롤러 =>'차량 ', : 클래스 =>'btn btn- 대형 btn-vehicles ') do %> \t \t \t % <% = image_tag ("glyphs/Vehicles.gif ": 크기 =>"경우 48x48 ") %> \t \t \t

\t \t \t 차량 \t \t \t <% end %> – jared

+0

@jared , 이것은 위의 대답 : – sameera207

+0

감사 빈약를 받아들이 고려 당신을 위해 일했다면 - newb에서 첫 번째 게시물 – jared