2014-06-22 5 views
0

Je veux utiliser css personnalisé avec le bootstrap twitter pour des fonctionnalités telles que popover et boîtes de dialogue modales. Mais à cause du css bootstrap, le site a un alignement incorrect. J'ai essayé d'utiliser un reset css mais ça n'a pas aidé. Y a-t-il un moyen de le réparer autre que d'inspecter les éléments incorrects pour la description du style qui cause le problème.Comment utiliser css personnalisé avec bootstrap css

+1

Vous pouvez personnaliser bootstrap comme indiqué dans cet article http://prideparrot.com/blog/archive/2014/6/blog_template_using_bootstrap3_part2 – VJAI

Répondre

1

Vous pouvez simplement ajouter des règles CSS aux classes après les règles de bootstrap CSS. Sachez que bootstrap utilise box-sizing: border-box; pour tous les éléments, ce qui peut provoquer un alignement incorrect.

En mode border-box ci-dessus, width et height comprend à la fois frontière et le rembourrage, qui sont généralement ne pas être au courant, ou utiliser box-sizing: content-box; pour vos propres éléments. Par conséquent, si la feuille de style de réinitialisation définit box-sizing sur content-box, l'alignement de bootstrap d'origine sera détruit.