Ho cercato molto ma non ho trovato nulla! Come posso farlo? C'è qualche biblioteca o qualcosa del genere o una correzione ?Come portare i pannelli bootstrap 3 nel sito Web bootstrap 2?
8
A
risposta
11
I pannelli in Bootstrap 3 sono costrutti solo con CSS. Troverete il codice in meno/panels.less
Per fare da soli facile: panels.less aperto un aggiungere la riga in basso nella parte superiore di questo file:
@import "variables.less";
@import "mixins.less";
compilare questo file con qualsiasi meno compilatore in css. Copia il risultato nel tuo documento BS2 sotto il CSS di Bootstrap.
L'intestazione del pannello (H3) ha ottenuto una line-height di 40px dal BS2 Css, AO aggiungere una riga in più di css per annullare questo: .panel-heading > h3 {line-height:20px;}
.
È inoltre possibile copiare i pannelli.less in Bootstrap 2 di Twitter in meno e importarlo in bootstrap.less e compilarlo. In questo caso, copia le variabili del pannello da variables.less a variables.less di Bootstrap 2 almeno.
Problemi correlati
- 1. come includere i glyphicon nel bootstrap 3
- 2. Pozzi Bootstrap e pannelli
- 3. Bootstrap 3.x + sito Web a larghezza fissa
- 4. Congeda pannello Bootstrap 3
- 5. Inversione dell'ordine di impilamento nel bootstrap 3?
- 6. Organizzare una colonna 3 a 2 colonne twitter Bootstrap 3
- 7. Calendario reattivo per Bootstrap 3
- 8. Bootstrap 3 - Stampa/PDF
- 9. Riordino con bootstrap 3
- 10. Bootstrap 3 - Responsive mp4-video
- 11. Come dividere un web in 2 colonne usando bootstrap?
- 12. Bootstrap 3 Inserimento modale nel markup HTML
- 13. bootstrap 3 datetimepicker jquery
- 14. Bootstrap 3 e Sticky Footer
- 15. Specifica jQuery per bootstrap nel pacchetto web
- 16. Bootstrap 3 discesa transizione
- 17. Bootstrap 3 multiple navbars
- 18. spazio tra Bootstrap 3 pulsanti
- 19. Pulsante di avvio Bootstrap 3
- 20. Come aggiungere spazio tra due pozzetti nel bootstrap 3?
- 21. Miscelazione Typeahead.js e Bootstrap 3
- 22. Bootstrap 3 table - table-responsive not working
- 23. Pulsanti attivi con Bootstrap 3
- 24. Come mantenere aperti più collassi in Bootstrap 3?
- 25. Bootstrap 3 didascalie mancanti in Yii 2 applicazione
- 26. Editor di stile 3 Bootstrap
- 27. centro bootstrap 3 col-MD-3 div
- 28. Aggiornamento input-append Bootstrap 3
- 29. Bootstrap 3 Tooltips o Popovers non funziona
- 30. box-shadow sul contenitore bootstrap 3
Aprire il css del bootstrap e copiare tutto il css correlato su 2? – RaphaelDDL
Personalizza/compila il bootstrap 3 con solo pannelli. Dopo questo controllo se è in conflitto con bootstrap 2 css/js nel manuale e Personalizza/compila bootstrap 2 senza i componenti in conflitto. Copia css da bootstrap 3 al file bootstrap 2. – Dany