WordWrap无法正常使用NavMenu和Div

Question

我在VS2017中使用Angular创建了一个ASP.Net核心Web应用程序。 最初的应用程序包含了我想要的方式。 但是，在我添加了一些HTML和样式后，当左侧面板显示时，自动换行不再有效。

我发现以下HTML

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum</p>

<div class="container">
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum</p>
</div>

导致以下显示

如何修复Div的效果？

Answer 1

尝试为wordwrap添加此css

h2 {
    white-space: normal;}

Answer 2

而不是使用

<div class="container">

我需要使用

<div class="container-fluid">