ruby-on-rails-3 - Rails での Ember.js と Twitter Bootstrap

Question

Ember.js 駆動の Rails アプリケーションで Twitter ブートストラップ レイアウトを使用したいと考えています。

生成されたapplication.html.erbレイアウトと ember.js、application.handlebarsレイアウトを統合する良い方法を誰かが知っているかどうか疑問に思っていますか?

Answer 1

これは、ember.js + twitter ブートストラップを示す JSFiddle (tomdale の優れた ember-guides スクリーンキャストに基づく)です。

デフォルトでは、ember は 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>