我想将一个段落 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/