作者:晴可倾 | 来源:互联网 | 2023-05-20 20:17
我最近将我的项目从Bootstrap 3.2.x更新到3.3.2(上一版本),我发现了与Media Object元素的重要区别.
我想在媒体标题中使用特殊的less mixin .text-overflow()将以下css属性添加到标题中:
.media-heading {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
在Bootstrap 3.2中运行良好(非常好),您可以在以下plnkr中看到它:3.2中的Media-List
但是,从3.3.x开始,我无法在头文件中使用省略号和文本溢出:3.3.2中的Media-List
你可以比较下图:
那么,我怎样才能在Bootstrap 3.3.x中使用Bootstrap 3.2描述相同的行为?(例如,它对移动用户非常有用).
更多信息:
媒体对象中的布局修改在3.3.0中引入,并且关于此修改打开(并关闭)了一个问题,并且对许多用户产生了影响.解决方案是将媒体对象(媒体,媒体体)的大小设置为10000px.