p标签内容超出列宽

Question

我有一行。在行内，有一个名为.col-md-6的类。 在列中，我有一段文字的段落标签。 问题是，段落标记的内容超出了列的宽度。但我希望段落标记的内容在列中正确排列，如图所示。 代码：

<div class="row"> 
    <div class="col-md-6 col-xs-12 col-sm-6"> 
     <p>TextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextText</p> 
    </div> 
</div> 

链接： http://jsbin.com/zimuwonoyu/edit?html,output

我希望它像一个如图所示的图像：

Answer 1

有这个CSS属性。

p { 
    word-wrap: break-word; 
} 

Answer 2

CSS属性：

p{ 
white-space: normal; 
word-wrap: break-word; 
}