Wie man Bootstrap 3 Panels in Bootstrap 2 Website bringt?

8

Ich habe viel gesucht, konnte aber nichts finden! Wie kann ich es tun? Gibt es eine Bibliothek oder etwas ähnliches oder eine Korrektur ?

    
Mohammad Areeb Siddiqui 05.09.2013, 18:29
quelle

1 Antwort

11

Panels in Bootstrap 3 sind nur Konstrukte mit CSS. Sie finden den Code in weniger / panels.less

Um es Ihnen leicht zu machen: Öffnen Sie panels.less und fügen Sie die Zeile unten am Anfang dieser Datei hinzu:

%Vor%

Kompilieren Sie diese Datei mit irgendeinem weniger Compiler zu CSS. Kopieren Sie das Ergebnis in Ihr BS2-Dokument unterhalb des Bootstrap-CSS.

Siehe: Ссылка

Der Panel-Header (h3) hat eine Zeilenhöhe von 40px von der BS2-Css, also fügen Sie eine zusätzliche Zeile von css hinzu, um dies rückgängig zu machen: .panel-heading > h3 {line-height:20px;} .

Sie könnten auch die panels.less auf Ihren Twitter Bootstrap 2 weniger kopieren und in bootstrap.less importieren und kompilieren. In diesem Fall kopieren Sie die Panel-Variablen von variables.less in Variablen.less von Bootstrap 2 mindestens.

    
Bass Jobsen 05.09.2013, 18:59
quelle