Aleš Sýkora wrote

Bootstrap 4 button line break

11. 11. 2019 in

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;
}

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

More from category
Aleš Sýkora wrote
Oxygen Dynamic repeater examples
14. 1. 2021 in ,
Query parent pagedata in Oxygen repeater Query parent page on child page. If current page is parent then query this page itself. Display all posts with same ACF post object field value Gets current post ID and look for posts connected to it by post object field from ACF.
Read More
Aleš Sýkora wrote
Footer at the bottom of page Oxygen Builder
2. 12. 2020 in ,
Push your footer to the bottom in oxygen builder.
Read More
Aleš Sýkora wrote
Translate fluent forms datepicker
27. 10. 2020 in
Need to translate fluent forms datepicker to your language? No problem.
Read More
magnifiercross linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram