Bootstrap: [v4] Introduce variable for customizing margin-bottom for "p"

Created on 9 Jul 2017  路  5Comments  路  Source: twbs/bootstrap

_reboot.scss has:

p {
聽 margin-top: 0;
聽 margin-bottom: 1rem;
}

However the value is hardcoded. It would be nice to have it exported to _variables.scss so that people can customize (_custom.scss was nice but looks like it's removed now).

css has-pr v4

Most helpful comment

I'd also like to see this change. Personally I like having the same margin for lots of block-level elements. p, figure, ul, ol, table, etc. I think that bootstrap3 based these margin-bottoms off of $line-height-computed (sometimes ($line-height-computed / 2)). Either way, it seems like a var is more flexible and clean than overriding css.

All 5 comments

It's the same with breadcrumb, as I reported in issue #23016

I'd also like to see this change. Personally I like having the same margin for lots of block-level elements. p, figure, ul, ol, table, etc. I think that bootstrap3 based these margin-bottoms off of $line-height-computed (sometimes ($line-height-computed / 2)). Either way, it seems like a var is more flexible and clean than overriding css.

I would like to work on this for beta 2

@BhaveshSGupta Sorry but I was already working on this. I just noticed your comment.

Should be able to manage margin-bottom of ol and ul in the same way, no?

Was this page helpful?
0 / 5 - 0 ratings

Related issues

eddywashere picture eddywashere  路  3Comments

ghost picture ghost  路  3Comments

alvarotrigo picture alvarotrigo  路  3Comments

kamov picture kamov  路  3Comments

leomao10 picture leomao10  路  3Comments