Bootstrap 3.3.2中的使用media-body 导致文本溢出Text-Overflow

在使用bootstrap进行部署文章列表时，发现medis-body中内容如果含有<p>和<span>标签，文本会溢出

解决办法：

.media-heading,.media-body > p, .media-body > span {
    word-break: break-word;}

原因：这是因为bootstrap中display:table-cell导致，如下代码：

.media-left, .media-right, .media-body {
  display: table-cell; /* Here is the issue */
  vertical-align: top;}