javascript - 如何将 bootstrap 3 面板引入 bootstrap 2 网站？

Question

我搜索了很多，但找不到任何东西!我该怎么做？是否有任何库或类似的东西或任何修复？

Answer 1

Bootstrap 3 中的面板仅使用 CSS 构建。您将在 less/panels.less 中找到代码

为了使它自己变得简单:打开 panels.less 并在此文件的顶部添加以下行:

@import "variables.less";
@import "mixins.less";

使用 less 编译器将此文件编译为 css。将结果复制到您的 BS2 文档中 Bootstrap 的 CSS 下方。

参见:http://bootply.com/79222

面板标题 (h3) 从 BS2 Css 获得了 40px 的行高，添加一行额外的 css 来撤销此操作:.panel-heading > h3 {line-height:20px;}.

您也可以将 panels.less 复制到您的 Twitter 的 Bootstrap 2 less 并将其导入 bootstrap.less 并编译它。在这种情况下，至少将面板变量从 variables.less 复制到 Bootstrap 2 的 variables.less。