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?
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
scottydelta
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
Ohlupo
source
to share