0

Ember に関する別の質問: Ember アプリの作成を開始したとき、Ember がアプリの周囲に奇妙で削除できないように見えるマージンを作成し、Twitter Bootstrap グリッドが機能しなくなっていることに気付きました。これらの余白を取り除く方法と、列を再び機能させる方法がよくわかりません。ここに私が何を意味するかを示す写真があります：

ここに画像の説明を入力

関連する HTML:

<script type="text/x-handlebars" id="tasks">
  <div class="well row-fluid span8 offset2 task-list">
    <div class="space-top"><div>
    <div class="accordion" id="accordion">
      {{partial 'tasks/newTask'}}
      {{#each task in controller}}
        <div class="accordion-group">
          {{render 'task' task}}
        </div>
      {{/each}}
    </div>
  </div>
</script>

アップデート：

これは機能しない JSFiddle ですが、すべてのコードがあります: http://jsfiddle.net/SL7s8/

4

1 に答える 1

0

Ember 自体はアプリにいかなる種類のスタイルも適用しませんが、スクリーンショットからわかるように、(デフォルトでは) ember ビューは<div class="ember-view">. div がマージンに影響を与えている可能性があります。その場合は、次のようにカスタマイズできます。

App.TasksView = Ember.View.extend({
  templateName: "tasks",
  classNames: ["well", "row-fluid", "span8", "offset2", "task-list"]
});

次に、テンプレートを変更して外側の div を削除します。

<script type="text/x-handlebars" id="tasks">
<div class="space-top"></div>
<div class="accordion" id="accordion">
  {{partial 'tasks/newTask'}}
  {{#each task in controller}}
    <div class="accordion-group">
      {{render 'task' task}}
    </div>
  {{/each}}
</div>
</script>

更新:タグ<div class="space-top"><div>を適切に閉じるために壊れていた問題を修正</div>

于 2013-04-04T05:13:17.583 に答える