Как удалить Strange Ember.js Просмотр полей

Question

Еще один вопрос: Когда я начал писать свое приложение 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"] 
}); 

Затем измените шаблон, чтобы удалить внешний 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> 

UPDATE: Исправлена ​​сломаны <div class="space-top"><div> правильно близко </div> тег