Bootstrap 4 button line break

Author: Aleš Sýkora, 11. 11. 2019

If you experience problems with showing your Bootstrap 4 buttons with long text inside on mobile devices, you need to tweak the CSS for Line Break. Bootstrap is not breaking the line automatically.

Use this CSS in your child theme style.css:

.btn {
      white-space:normal !important;
      word-wrap: break-word;
}