twitter-bootstrap - 变形在 Ember.js View 中弄乱 CSS

Question

我正在使用 Ember.js/handlebars 循环遍历一个集合并吐出一些我希望 Bootstrap 处理好的和响应式的项目。这是问题:

bootstrap-responsive css 中有一些声明，例如:

.row-fluid > [class*="span"]:first-child {
    margin-left: 0;
 }

和

.row-fluid:before, .row-fluid:after {
    display: table;
content: "";
}

这些规则似乎针对的是第一个 child 。当我在 Handlebars 中循环浏览我的收藏时，我最终会在我的项目周围出现一堆变形代码:

<div class="row-fluid">
            {{#each restaurantList}}
                {{view GS.vHomePageRestList content=this class="span6"}}
            {{/each}}
</div>

这是生产的:

<div class="row-fluid">
        <script id="metamorph-9-start" type="text/x-placeholder"></script>
            <script id="metamorph-104-start" type="text/x-placeholder"></script>
              <div id="ember2527" class="ember-view span6">
                My View
              </div>
            <script id="metamorph-104-end" type="text/x-placeholder"></script>
            <script id="metamorph-105-start" type="text/x-placeholder"></script>
              <div id="ember2574" class="ember-view span6">
                My View 2
              </div>
            <script id="metamorph-105-end" type="text/x-placeholder"></script>
        <script id="metamorph-9-end" type="text/x-placeholder"></script>
</div>

所以我的问题是:
1.如何让css忽略脚本标签？
或者
2. 如何编辑 css 绑定(bind)，以便在选择第一个或第一个 child 时跳过脚本标签？
或者
3. 我怎样才能使 Ember 使用更少/不使用 metamorph 标签？

这是一个 fiddle : http://jsfiddle.net/skilesare/SgwsJ/

Answer 1

感谢 github 上的@wagnet

执行以下操作有助于摆脱变形。谢谢彼得!

模板

{{view Em.CollectionView itemViewClass="GS.vHomePageRestList" contentBinding="restaurantList" class="row-fluid"}}

查看类(class)

GS.vHomePageRestList = Em.View.extend
templateName: 'tHomePageRestList'
classNames: ['span6']