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

Question

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

Answer 1

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

为了让自己更容易：打开 panel.less 并在此文件顶部添加以下行：

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

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

见：http ://bootply.com/79222

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

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