CODEWITHSUNDEEP
csstwitter-bootstrap
algometrix
algometrix

Reputation: 3992

How to use custom css with bootstrap css

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.

Upvotes: 0

Views: 156

Answers (1)

Alfred Huang
Alfred Huang

Reputation: 18235

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.

Upvotes: 1

Related Questions