Javascript 如何将Twitter引导与样板文件一起使用？

我正在为一个大型单页应用程序研究HTML5/CSS3/JavaScript库/框架，我发现了Twitter引导和。这两个库/框架看起来都非常有趣，我们正在考虑同时使用它们。但是，我们希望将两者结合使用。由于我们对这两个库/框架都没有经验，我们想我们应该发布一个（或两个）关于两者结合的问题

是否可以将Twitter引导与样板文件一起使用？如果是这样的话，我们将如何将两者结合使用呢

---

谢谢。

在设计样板JS时，我已经看过Twitter引导，HTML5样板类型的项目。我认为上述框架与其说是竞争，不如说是互补

BoilerplateJS提出了一种架构/结构来组织项目中的JS代码。TwitterBootstrap在响应性、UI小部件、样式等方面帮助您，而BoilerplateJS并没有提出具体的Guide路线

---

我认为将BoilerplateJS（非常关注JS结构）与Twitter引导或HTML5样板（小部件、CSS、HTML最佳实践）一起使用始终是一个明智的想法。

BoilerplateJS独立于任何像Twitter引导这样的UI框架，它们可以有效地结合在一起，创造出漂亮的单页应用程序

TwitterBootstrap帮助您构建一致的UI，您可以使用它为组件创建视图，而BoilerplateJS帮助您协调组件

您可能知道，建议将MVVM/MVC框架与BoilerplateJS一起使用。如果您像我一样选择KnockoutJS，您可能需要在视图中为Twitter引导元素使用自定义绑定

例如，我在项目中使用它来无缝地将UI元素（如和）绑定到viewmodel。您只需在viewmodel中引用此类绑定代码，就可以在视图中使用如下内容：

<label class="control-label"><strong>How many rooms:</strong></label>
<div class="btn-group" data-toggle="buttons-checkbox">
    <button type="button" class="btn btn-info" data-value="1" data-bind="checkedButtons: RoomNumber">1</button>
    <button type="button" class="btn btn-info" data-value="2" data-bind="checkedButtons: RoomNumber">2</button>
    <button type="button" class="btn btn-info" data-value="3" data-bind="checkedButtons: RoomNumber">3+</button>
</div>

---

谢谢你的回复。您将如何在一个新项目中使用BoilerplateJS实现Twitter引导？你会仅仅替换baseModule下的主题吗？或者你会用TwitterBootstrap CSS、JS和图像替换整个基本模块吗？如果TwitterBootstrap可以覆盖所有的，我建议替换整个基本模块。。作为一个示例应用程序，基本模块是完整的，可能是实践不是最好的，例如，我对我们的主题不满意。但您可能会了解DomController在应用程序模板上定位基本组件的方式，这也将帮助您模块化Twitter引导菜单等（尽管模块化这些功能不是必须的）。也感谢您的响应。我们以前使用过knockout.js，因此您的自定义绑定是有意义的。然而，正如我在上面向Hasith发布的一样，我也有同样的问题要问你——比如，你是如何将Twitter引导文件（CSS、JS和图像）整合到你的BoilerplateJS项目中的？@lmttag只需参考你的

index.html

中的引导文件（它承载你单页应用程序的所有组件）像往常一样：

推特引导文件可能根本无法进入src文件夹。您可以将CSS、JS、图像保存在与index.html处于同一级别的文件夹之外。把它放在某个地方作为起点，看看它是否适合你的结构，否则重构。一般来说，您的“src”文件夹用于您自己的应用程序代码，因此TwitterBootstrap JS文件可能被视为库。
define(['Boiler', './../../kobuttonbinding' ], function (Boiler, kobuttonbinding) {