如何将Bootstrap CSS应用到像Handlebars这样的Ractive.js模板中？

Question

我正在考虑用Ractive.js替换Handlebars.js.变化似乎很顺利,但这是我的第一个问题,可能是一个新手问题.

我有一个Ractive.js模板,其中包含一个表.模板中的表有几个Bootstrap类

class="table table-striped table-bordered table-condensed table-hover"

当我在Handlebars.js中使用这个模板时,表中的Bootstrap样式显示正常,正如你在这个jsfiddle中看到的那样.

但是当我使用与Ractive.js相同的模板时,样式没有显示,正如你在这个jsfiddle中看到的那样.

我尝试手动添加类:

$("#table").addClass("table")
$("#table").addClass("table-striped table-bordered")
$("#table").addClass("table-condensed table-hover")

没有成功.我必须错过一些非常简单的事情.

Answer 1

我认为你只需要<tbody>bootstrap表来工作jsfiddle