html - bootstrap 2.3.1 段落旁边的图像

标签 html css twitter-bootstrap

你好,我有一个简单的 html 代码:

<div class="media">
  <a class="pull-left" href="#">
    <img class="media-object" src="image.jpg">
  </a>
  <div class="media-body">
   The long text that isn't continuing at the bottom of the image is here...
  </div>
</div>

输出是: enter image description here

现在我的问题是文本没有在图像下方继续,顺便说一句,我使用的是 bootstrap 2.3.1,因为这是我购买的模板版本。如何将其他文本移动到图片下方?

最佳答案

删除媒体主体:

<div class="media">    
  <a class="pull-left" href="#">    
    <img class="media-object" src="image.jpg">
  </a>
  <div>
   The long text that isn't continuing at the bottom of the image is here...
  </div>
</div>

看到这个工作:http://www.bootply.com/d7HJMUoipg

关于html - bootstrap 2.3.1 段落旁边的图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31977886/

相关文章:

jquery - 阅读 Bootstrap 轮播中的更多内容

html - Bootstrap 输入溢出模态对话框

jquery - 如何在 Bootstrap 模式中仅隐藏滚动条缩略图?

javascript - 从 XML 中提取数据不起作用

python - 如何在django中保存多个同名的html输入?

javascript - 当进度条达到100%时如何重定向url

javascript - 选择时切换 d3 圆环弧

HTML 或 CSS 布局问题...? (HTML 小于视口(viewport))

第一个和最后一个元素的 css 或 html5

javascript - 列宽问题