html - 如何使用 Bootstrap 使文本+图像并排响应?

标签 html css twitter-bootstrap

我想将一个段落 float 到左侧,而图像 float 到右侧。

(工作演示 -> https://jsfiddle.net/DTcHh/6557/)

会有一些没有图像的段落,所以我想知道如何才能使它具有响应性。截至目前,当我调整窗口大小时,没有任何堆叠或变化。

我想合并使用

<div class="row">
<div class="col-md-8">.col-md-8</div>
<div class="col-md-4">.col-md-4</div>
</div>

但它似乎并没有按照我想要的方式工作。谢谢!

最佳答案

我在这里做了一个快速的 fiddle :https://jsfiddle.net/AndrewL32/e0d8my79/42/左边是文字,右边是图片,它们似乎在按应有的方式堆叠。

我认为你的列没有堆叠的原因可能是因为你没有正确链接你的 Bootstrap 文件(在你制作的 jsfiddle 上,很可能也在你的 html 文件中)。

尝试将此行添加到您的 <head>....</head>部分:

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet">

检查是否有帮助。

关于html - 如何使用 Bootstrap 使文本+图像并排响应?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29614991/

相关文章:

html - 我的 div 重叠

css - <button> 标签有什么缺点?

php css/js 缩小器?

javascript - jQuery 文本大小调整插件仅适用于 Bootstrap 轮播的第一张幻灯片

javascript - 在 Bootstrap 模式中确定和取消

javascript - JQuery - 为什么这段代码无法从外部 url 加载图像?

html - 位置按钮段右

c# - 如何向 inputRadio 添加 on change 事件?

html - 链接到网页的一部分

css - 搜索框边框出现两种颜色