如何將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。