I find the naming in Bootstrap v4 less than intuitive.
I know they want to minimise the impact all the classes cluttering up the markup, but I just can't come to a reasonable conclusion. I can guess - but I can't find concrete answers.
p
stand for?d
stand for? Perhaps display
? margin-right-auto
but can't confirm in the docs. p-* is for padding all sides. m-* is for margin all sides. pl-* is for padding left.
img-responsive is used for creating the responsive images, while this feature has been changed in Bootstrap 4. In Bootstrap 3, dark or inverse tables are not supported, whereas they are supported in Bootstrap 4.
I think this is just a custom css class to highlight the examples, i.e., set background color and borders, on the documentation pages. .bd-highlight { background-color: rgba(86,61,124,0.15); border: 1px solid rgba(86,61,124,0.15); } bd = Bootstrap Documentation? Follow this answer to receive notifications.
Bootstrap Versions The main differences between Bootstrap 5 and Bootstrap 3 & 4, is that Bootstrap 5 has switched to JavaScript instead of jQuery. Note: Bootstrap 3 and Bootstrap 4 is still supported by the team for critical bugfixes and documentation changes, and it is perfectly safe to continue to use them.
They are the new spacing utility classes. I think they're very intuitive:
p-*
is for padding all sides.m-*
is for margin all sides.pl-*
is for padding left.mt-*
is for margin top.mr-auto
is for margin right auto.Spacing Utils Demo
There are also display utilties.
d-block
, d-flex
, d-inline-block
, d-none
etc...
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With