自动换行不在jumbotron bootstrap中工作

Question

我使用的是bootstrap jumbotron，但是当使用长文本时，标题不会在下一行中换行。有什么办法解决吗？

这就是我在html中使用的

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

Answer 1

在要包装到下一行的文本上尝试以下操作。

h1 {
     word-wrap:break-word;
 }

这会破坏任何角色的长词。有关详细信息，请参阅以下链接。

mdn doc for word-break css-tricks