Ember.js 및 Twitter의 부트 스트랩

Question

Ember.js의 Rails 응용 프로그램에서 트위터 부트 스트랩 레이아웃을 사용하고 싶습니다. 누군가가 발생 application.html.erb 레이아웃과 ember.js을 통합 할 수있는 좋은 방법을 알고 있다면

나는 는 레이아웃을 application.handlebars, 궁금?

Answer 1

ember.js + twitter 부트 스트랩을 보여주는 JSFiddle (tomdale의 우수한 ember-guides 스크린 캐스트를 기반으로 함)입니다.

기본적으로 엠버는 body 태그로 렌더링합니다. application.html.erb가 ember 앱과 부트 스트랩 및 필수 라이브러리를로드하는 한 변경하지 않아도됩니다. 그런 다음 핸들 막대 템플릿에 부트 스트랩 클래스를 사용하십시오. 예 :

<script type="text/x-handlebars"> 
<div class="navbar"> 
    <div class="navbar-inner"> 
    <a class="brand" href="#">Bloggr</a> 
    <ul class="nav"> 
     <li>{{#linkTo 'posts'}}Posts{{/linkTo}}</li> 
     <li>{{#linkTo 'about'}}About{{/linkTo}}</li> 
    </ul> 
    </div> 
</div> 
{{outlet}} 
</script>