仅将 Twitter Bootstrap 用于网站的一个子集答案

【问题标题】：Using Twitter Bootstrap for just a subset of website仅将 Twitter Bootstrap 用于网站的一个子集
【发布时间】：2013-02-28 16:24:03
【问题描述】：

在使用 Twitter Bootstrap 或 jQuery UI Bootstrap 构建网站的子集/组件时，是否有任何注意事项？是否需要采取任何步骤来确保引导程序不会影响引导程序组件范围之外的网站部分？

【问题讨论】：

【解决方案1】：

Bootstrap 和 Jquery ui bootstrap 不能一起锻炼。会有很多 css 和 javscript 冲突。因此，要将它们一起使用，您必须通过从 jquery ui bootstrap 中取消选择要使用的那些组件来使用自定义的 bootstrap 副本。

除此之外，如果您想在现有项目或正在进行的项目中使用引导程序的某些部分。前往 Customize Bootstrap 部分 http://twitter.github.com/bootstrap/customize.html

然后选择您需要的东西并下载副本以使用。此外，在命名您的自定义样式时，使用的名称与 bootstrap 中已定义的名称不同。

【讨论】：

这就是我说的 jquery ui。 bootstrap 和 jquery ui 在样式和 js 上有冲突。所以假设你想使用 jquery ui 的工具提示，而不是你不应该包含 bootstrap 的默认工具提示。您想了解更具体的内容吗？

【解决方案2】：

使用 CSS 闭包。

通过限制所需 css 的视图来限制部件的 twitter 引导

例如：

#divPart .btn {

}

#divPart .btn-large {

}

#divPart .table {

}

希望你能理解。

【讨论】：

你甚至可以将整个 boostrap 更少的文件包装在一个闭包中，比如 .bootstrap {}，你只需将 .bootstrap 添加到父级，bootstrap 将用于所有子级:)跨度>