Bootstrap 4 button line break

Written by: Aleš Sýkora

The Author of Toolset.wiki. Big fan of Toolset plugins and WordPress.

I am big fan of WordPress and Toolset plugins. I have done many projects based on WordPress. I also have experience with online marketing, PPC advertising and SEO. I live in Czech Budweis – the town of Budweiser Budvar breverage in the south of the Czech Republic – the heart of Europe.

I love skateboarding, snowboarding, frisbee, fitness, healthy lifestyle, tattoos, mountain biking and other sports. I enjoy having time with friends with good beer and good music.

Bootstrap 4 button line break

Last Update: 11. 11. 2019 , Category: Toolset Snippets

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

Support Us via our Affiliate link!

No items found

What to do next?

Need a Toolset License?

Buy via affiliate link!

Looking for a tutorial?


Help other users – Add your snippet!


Join the discussion!