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
Auto login after creating new user with Toolset user form
11. 7. 2019 in
Snippet from our fan.
Read More
Aleš Sýkora wrote
Speeding up WordPress & Toolset
7. 11. 2019 in
Tips for speeding up WP + Toolset.
Read More
Aleš Sýkora wrote
Emoji deleted from ACF field after saving
2. 4. 2021 in
So you have a ACF text field and you are trying to insert emoji to it. For example as a category icon. You add the field, add the emoji, use the PHP code to display the field. And emoji is missing. After that you found that every time you save the page, emoji dissapear from […]
Read More
magnifiercross linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram