如何将引导程序 3 面板带入引导程序 2 网站

How to bring bootstrap 3 panels into bootstrap 2 website?

本文关键字:引导程序 网站      更新时间:2023-09-26

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

Bootstrap 3 中的面板只能使用 CSS 构造。您将在 less/panel.less 中找到代码

为了方便起见:打开 panel.less 并在此文件顶部添加以下行:

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

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

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

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

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