css - 在 Bootstrap 中对齐媒体对象,以便在图像周围交换文本

标签 css twitter-bootstrap-3

我正在使用 Twitter boostrap example使媒体对象的文本环绕图像。但是,这不起作用,如下图所示。 enter image description here

可以通过 http://cfcmelbourne.org/ 访问该站点

当屏幕宽度缩小时,如何让文字环绕图像?

最佳答案

overflow: hidden in .media-body 防止文本环绕图像。

解决这个问题的一种方法是这样做:

.media-body {
    overflow: visible;
}

关于css - 在 Bootstrap 中对齐媒体对象,以便在图像周围交换文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29945730/

相关文章:

css - 右对齐的 Bootstrap 容器,它也与默认容器对齐

css - 如何对齐表格单元格中的两个 div

html - 使用带有 Bootstrap 3.3.5 的光滑 slider 在移动 View 中中心 slider 滑动

html - 在没有绝对位置的情况下将 bootstrap col 移动到底部

html - 背景附件中的全宽图像不起作用

angularjs - 使用 Bootstrap 3 在 AngularJS 中表示网格或表格的最佳方式?

javascript - 左侧可滚动内容 - 右侧粘性图像 - 滚动上有事件元素

php - 引入模态弹出窗口会导致手机和平板电脑上的触摸区域无响应

javascript - 水平和垂直可排序 div

html - CSS:底部居中引导分页元素