无法将文本保存在容器中

Question

我希望我得到答案，这是我第一次来这里。但是，当使用bootstrap 3时，当我将Web浏览器缩小到移动设备时，我的文本会挤压以适应较小的屏幕，因为我正在使用流体。但是，长度超出了容器的范围。这是我的代码

<div class="container-fluid2">
        <div class="row-fluid">
            <div class="col-md-12">
              <a name="whatis"></a><h2 class="what">What is Gatehouse?</h2>
    <p class="history">
    "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>
    <br>
<div class="row-fluid">
<div class="col-md-12">
    <p class="family">
        <strong>
        "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."</strong></p>

    </div>
</div>
</div>
.container-fluid2{
    background-color:#731B16 ;
     height: 600px;
     color: #F7F24E;
    }  
.family{
    font-size: 2em;
    text-align: left;
    }
.history{
    font-size: 1.2em;
}
.family, .history{
    font-family: 'Open Sans', sans-serif;
}
.what{
    padding-bottom: 15px;
}