How to use custom css with bootstrap css

Question

I want to use custom css with twitter bootstrap for features like popover and modal dialogs. But because of the bootstrap css the site has an improper alignment. I tried using a reset css but it didnt help. Is there any way to fix it other than inspecting incorrect elements for the style description which is causing the problem.

You can customize bootstrap as said in this article prideparrot.com/blog/archive/2014/6/… — VJAI
– VJAI, Commented Jun 27, 2014 at 7:59

Alfred Huang · Accepted Answer · 2014-06-22 00:58:05Z

1

You can just add css rules to the classes after the bootstrap css rules.

Be aware that bootstrap uses box-sizing: border-box; for all elements, which might cause your improper alignment.

Under the above border-box mode, width and height includes both border and padding, which are usually don't, be aware of that, or use box-sizing: content-box; for your own elements.

So if the reset stylesheet set the box-sizing to content-box, the origin bootstrap alignment will be destroyed.

edited Jun 22, 2014 at 0:58

answered Jun 22, 2014 at 0:52

Alfred Huang

18.4k33 gold badges128 silver badges196 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to use custom css with bootstrap css

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related