如何在页面中包含 Bootstrap 而不会破坏页面的现有样式？

【问题标题】：How can I include Bootstrap in a page without borking the page's existing styles?如何在页面中包含 Bootstrap 而不会破坏页面的现有样式？
【发布时间】：2013-04-15 13:46:22
【问题描述】：

我想根据页面中的某些操作将包含Bootstrap（和Bootstrap Modal）的JavaScript 编写到页面中。

但是，我不想踩踏页面中现有的样式，而且我不知道这些样式将包含哪些样式，因为这将发生在超过 15 个站点上，并且每个站点的开发人员都会不断更换网站。

我唯一可以保证的是<script type="text/javascript" src="path/to/myscript/that/adds/bootstrap.js"></script> 将包含在每个页面的<head> 元素中。

如何在不遇到上述问题的情况下做到这一点？

【问题讨论】：

看看这个问题（或任何相关问题）：*.com/q/11813969/1478467

标签： javascript css twitter-bootstrap modal-dialog

【解决方案1】：

如果所有内容都已使用已定义的类进行样式化，那么我只会指示您的开发人员将引导程序包含在其样式列表的顶部。这将帮助但不一定解决您的问题，因为引导程序可能比现有样式更具体地针对元素。

已经提出了一个相关问题：In which order are CSS styles applied?

【讨论】：