如何使用bootstrap使文本+图像并排响应?

时间:2015-04-13 20:59:18

标签: html css twitter-bootstrap

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

(工作演示 - > 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>

但它似乎没有像我想要的那样工作。谢谢!

1 个答案:

答案 0 :(得分:1)

我在这里做了一个快速的小提示:https://jsfiddle.net/AndrewL32/e0d8my79/42/左边是文字,右边是图像,它们似乎正在堆叠。

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

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

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

并检查是否有帮助。