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




Posted by 하남각목