Clever Geek Handbook

Word-wrap not working in jumbotron bootstrap

I am using bootstrap jumbotron but the header will not wrap on the next line when using long text. any way to fix it? enter image description here

This is what I am using in my html

    <div class="jumbotron">
    <h1>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</h1>
    <p class="lead">Help visualize leadership networks in the Upper Midwest</p>
    </div>
+3


source to share


1 answer


Try the following on the text you want to wrap to the next line.

h1 {
     word-wrap:break-word;
 }


This will break any character's long word. See links below for more information.

mdn doc for word break css-tricks

+6


source






More articles:


All Articles