Javascript 如何删除奇怪的Ember.js视图边距

另一个余烬问题：当我开始编写我的余烬应用程序时，我注意到余烬在应用程序周围创建了奇怪的、似乎无法移动的边距，这使得我的Twitter引导网格无法运行。我不太明白如何去掉这些边距，以及如何使列重新工作。这里有一张图片向你展示我的意思：

相关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>

{{partial'tasks/newTask'}
{{#控制器中的每个任务}
{{呈现“任务”任务}
{{/每个}}

更新：

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

---

这是一个不起作用的JSFIDLE，但是所有的代码都在那里：

余烬本身不会将任何类型的样式应用到您的应用程序，但是正如您从屏幕截图中看到的，余烬视图（默认情况下）在

中呈现。可能是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>

{{partial'tasks/newTask'}
{{#控制器中的每个任务}
{{呈现“任务”任务}
{{/每个}}

---

更新：修复了损坏的

以正确关闭

标签

正常。没有更多的信息，很难帮助你。您可以发布一个JSFIDLE示例吗？请参阅更新的小提琴问题。不幸的是，我不知道如何使其与Handlebar模板一起工作，但也许您可以提供帮助？让JSFIDLE正常工作-它引用了一个非常旧的ember数据版本，这一版本使用了一个最新的版本：但是问题是如何？运行与上面链接的正常工作的JSFIDLE我看不出有问题。我唯一能看到的是bootstrap本身创建的边距，网格似乎工作得很好。如果情况并非如此，您可以发布一些JSFIDLE版本的屏幕截图，并详细说明哪些div和哪些边距不起作用？