Stupid hyphenation in .lead style in Bootstrap

Hi Guys,

I thought I’d fixed this problem a while ago when I added the following to my style sheet:

/******************Stupid hyphenation was fixed by making the following changes:*********************/

#primary, #secondary, .widget-area .widget {

    -ms-word-break: break-all;

     /* Be VERY careful with this, breaks normal words wh_erever */
     word-break: break-all;

     /* Non standard for webkit */
     word-break: normal;

        -webkit-hyphens: none;
        -moz-hyphens: none;
        hyphens: none;
        word-wrap: normal;
    }

I notice I’m getting clunky hyphenation happening again when using the bootstrap .lead class at: http://temp.osborneparkautorepairs.com.au/ despite applying the above properties to .lead in my ‘downstream’ stylesheet. This happens in all viewport sizes.

Any ideas how to fix this?
Any help appreciated.

1 Like

I found the answer:

3 Likes

Glad you solved it :smile:

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.