Twitter bootstrap 3 p标记重叠网格系统

我正在创建我的freecodecamp个人投资组合项目，发现了一个无法修复的问题。我正在使用网格系统，

标记与

重叠

只需使用：

<div class="container-fluid">
  <div class="jumbotron">
    <div class="row">
      <div class="col-md-8 col-sm-8">
        <h2 class="text-left">Lucas Navarro</h2>
        <p>blablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablabla</p>
      </div>
      <div class="col-md-4 col-sm-4">
        <img src="https://scontent.ffor2-1.fna.fbcdn.net/v/t1.0-9/1239616_823750807639024_3113666417692842617_n.jpg?oh=c3639eb24282a6493c652c9e44e065dc&oe=5A108s445" class="img-responsive myPic" alt="pic">
      </div>
    </div>
  </div>
</div>

小提琴示例：

p{
溢出包装：断开单词；
}

卢卡斯·纳瓦罗
布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉

在页面的标题部分使用以下代码段作为样式。这将把文本包装在其父div中

p {
  overflow-wrap: break-word;
}

然后，将

textwrapper

类分配给

p

标记：

.textwrapper {  
   white-space: pre-wrap;      /* for Webkit */    
   white-space: -moz-pre-wrap; /* for Firefox */     
   white-space: -pre-wrap;     /* for Opera versions less than v7 */    
   white-space: -o-pre-wrap;   /* for Opera v7 */     
   word-wrap: break-word;      /* for IE */ 
}

布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉

---

看起来好像有人需要家庭作业方面的帮助！

<p class="textwrapper">blablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablabla</p>