gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-11-28 17:09:09 24 4
gpt4 key购买 nike

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

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com