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

Question

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

Answer 1

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

中找到代码

为了让自己轻松自如：打开panels.less并在此文件的顶部添加以下行：

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

使用任何较少的编译器编译此文件到css。将结果复制到Bootstrap CSS下面的BS2文档中。

请参阅：http://bootply.com/79222

面板标题（h3）从BS2 Css获得了40px的行高，ao添加了一行额外的css来撤消它：.panel-heading > h3 {line-height:20px;}。

您也可以将panels.less复制到Twitter的Bootstrap 2中，然后将其导入bootstrap.less并编译。在这种情况下，将面板变量从variables.less复制到几乎没有Bootstrap 2的变量。