在同一页面上实现不同引导版本的最佳方法？

Question

在使用asp.net时，我有一个主页面正在实现BootStrap 2.2版本的场景。但是有些内容我想使用BootStrap 3.3。如果我尝试以任何方式升级或实现3.3超过2.2，它会破坏我的一些代码。关于如何“有选择地升级”HTML / BootStrap以及“Div”标签内的所有内容的任何想法？

Answer 1

取决于你想得到多少hacky。如果它只是一个功能，只需从你自己的css文件中复制你想要的bootstrap 3.3中的.css部分并导入这个css文件 2.2版本加载到你的构建脚本中或之后2.2标签中的版本。

如果您对哪个功能有更具体的问题（如果您还包含js文件），那么我们将不得不深入挖掘。

警告：您必须小心从2.2中覆盖的内容，因为它可能会破坏其他css部分。正如@DavidG指出的那样，我会完全避免这样做。

Answer 2

你可以通过用LESS隔离Bootstrap来实现轻松，有一个很好的tuto来做“Chris Youderian”。 https://formden.com/blog/isolate-bootstrap

Answer 3

我需要在项目中同时使用引导程序3和4作为由引导程序3编写的插件，在引导程序4中看起来很糟糕。

试图按照希瑟姆的答案共享的链接中的建议进行操作。无法正常工作。但是按照提示进行操作，然后手动进行了一些操作，并且它起作用了。我花了2个小时才完成第4步。

步骤：-

1. 从 https://blog.getbootstrap.com/archive
下载首选的Bootstrap 3版本
2. 将其放入项目中的自定义css文件夹（或其他任何位置）中。
3. 在标题中添加其链接
4. （此步骤请小心）使用ctrl-H命令在已下载的引导程序版本中的每个选择器前加引号'.b3'。考虑到错误的转换，这将花费很长时间。 （例如-将“ ol”选择器转换为“ .b3 ol”会导致将单词“ control”转换为“ contr.b3 ol”，这需要反转。
5. 将所有需要引导程序3的内容放入带有class =“ b3”