Bootstrap을 설치하지 않은 경우에는 '이곳'을 참고하여 설치하고 돌아오자.
ERB에서 Button을 꾸며보자.
ERB는 Embeded Ruby의 줄임말로 HTML에 루비코드를 삽입한 것이다.
ERB(Embeded Ruby)보다 HAML(HTML Abstraction Markup Language)을 사용하라는 말이 있는데, 이에 대한 포스트는 나중에 HAML을 공부한 뒤 올리겠다.
부트스트랩을 이용하여 버튼을 꾸미는 것은 정말 간단하다.
그냥 다음 클래스를 html 태그에 삽입하면 된다.
다음과 같이 html코드에 클래스를 지정해준다.
<button class="btn btn-primary">Large</button>
<label class="btn btn-link">small</label>
결과물.
그런데 실제로 루비온레일즈로 개발하다보면 html코드에 클래스를 넣는 것보다는
erb코드에 클래스를 넣는 경우가 많다.
그런 경우 태그에 클래스를 넣지말고
다음과 같이 erb메서드의 인자로 클래스를 넣어주면된다.
<%= button_to 'Large', path, class: "btn btn-primary" %>
<%= link_to 'small', path, class:"btn btn-link" %>
참고자료
1. Bootstrap
'Ruby On Rails' 카테고리의 다른 글
| migration - 모델 생성과 컬럼 변화 (0) | 2013.04.30 |
|---|---|
| Thin - default로 thin 실행하기 (0) | 2013.04.29 |
| Bootstrap - ERB에서 Button 꾸미기 (0) | 2013.04.29 |
| Bootstrap - Rails와 연동하기 (0) | 2013.04.29 |
| Sublime Text - ERB Insert and Toggle Commands (0) | 2013.04.28 |
| Sublime Text - Alternative AutoComplete (0) | 2013.04.28 |
댓글을 달아 주세요