How to transfer boot 3 panels to bootstrap 2 site?

Question

I searched a lot, but could not find anything! How can I do it? Is there a library or something like that or some kind of fix?

Answer 1

Panels in Bootstrap 3 are only created using CSS. You will find the code in less / panels.less

To make this easy: open the panels. Do not add the line below at the top of this file:

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

Compile this file with any smaller compiler in css. Copy the result into your BS2 document below Bootstrap CSS.

See: http://bootply.com/79222

The panel header (h3) got a 40px line height from BS2 Css, ao add one extra css line to undo this: .panel-heading > h3 {line-height:20px;} .

You can also copy .less panels to your Twitter Bootstrap 2 smaller and import it into bootstrap.less and compile it. In this case, copy the panel variables from the .less variables to the variables. Without Bootstrap 2. At least.