question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

margin in .h1-.h5 classes in v4

See original GitHub issue

Currently .h1-.h5 classes adds margin-bottom.

In most cases people must add mb-0 class to properly vertical align element (for example in card header).

Will not it be better if margin-bottom is gone form .h1-.h5 classes?

If margin-bottom will gone then you can use these classes to control icon size or font size of any element without adding additional class mb-0

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Reactions:2
  • Comments:5 (4 by maintainers)

github_iconTop GitHub Comments

1reaction
mdocommented, Jun 30, 2017

If you need to override that bottom margin, use .mb-0. See our margin utilities in the docs for more.

1reaction
mdocommented, Jun 29, 2017

Bottom margin will stay for consistent, clear spacing in bodies of text.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Bootstrap 4 Margins on Headings on Codeply
Now in Bootstrap 4 the margin utils make it easy to adjust the margins around any element. Since headings have bottom margins, we...
Read more >
h1 .h2 .h3 .h4 .h5 .h6 classes in Bootstrap 4 - Stack Overflow
Is it good practice to use .h1 .h2 .h3 .h4 .h5 .h6 Bootstrap classes, for paragraphs of text? (Not headings). For example:
Read more >
<h1>–<h6>: The HTML Section Heading elements
The to HTML elements represent six levels of section headings. is the highest section level and is the lowest.
Read more >
Spacing - Bootstrap
Bootstrap includes a wide range of shorthand responsive margin and padding utility classes to modify an element's appearance.
Read more >
HTML h1 to h6 tag - W3Schools
<h4>This is heading 4</h4> ... The <h1> to <h6> tags are used to define HTML headings. ... h5 { display: block; font-size: .83em;...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found