javascript - ブートストラップ 3 パネルをブートストラップ 2 Web サイトに取り込むには?

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 の行を 1 行追加します.panel-heading > h3 {line-height:20px;}。

また、panels.less を Twitter の Bootstrap 2 less にコピーし、bootstrap.less にインポートしてコンパイルすることもできます。この場合、少なくとも Bootstrap 2 の variables.less から variables.less にパネル変数をコピーします。