如何刪除奇怪的Ember.js查看邊距

Question

另一個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> 

UPDATE：

這裏是一個的jsfiddle不工作，但所有的代碼在那裏：http://jsfiddle.net/SL7s8/

Answer 1

Ember本身不會將任何類型的樣式應用於您的應用，但正如您從屏幕截圖中看到的（默認情況下）在<div class="ember-view">內呈現的內容。可能是那個div影響了你的利潤率。如果是這樣的話，你可以如下定義它：

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

然後改變你的模板以刪除外格：

<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>標籤