form-check spacing


Topic: form-check spacing

lede pro asked 2 years ago

In the version I was using (4.5.3 Pro) it had some extra left spacing which I had to add -15px margin to fix. In 4.5.6 this seems to have been fixed but now there is no space to the right so .form-inline .form-check touch each other, as seen in the demo on this site. A checkbox on its own still has the left spacing which was present in 4.5.3. If you do something like: .form-inline .form-check .form-check /.form-inline .form-check the first .form-inline .form-check doesn't line up with the on by itself below. I could fix by putting it in a .form-inline but I have just overridden the bootstrap default padding-left I have fixed these 2 issues with the following:
.form-check {
  padding-left: 0;

@media (min-width: 576px) {
  .form-inline .form-check {
    margin-right: 1rem;

Piotr Glejzer staff answered 2 years ago

Hi lede, Thank you very much for your fix! We will implement that as soon as possible! Best, Piotr
Please insert min. 20 characters.


Specification of the issue
  • User: Pro
  • Premium support: No
  • Technology: jQuery
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No