gpt4 book ai didi

css - 如何在 bootstrap 3 中制作固定的 div

转载 作者:太空宇宙 更新时间:2023-11-04 14:12:48 27 4
gpt4 key购买 nike

您好,我需要如下图所示的 CSS 代码:

enter image description here

,用于 Bootstrap 3。

这些列将在 col-md-9 中。我自己做了,但是当屏幕尺寸改变时它看起来不太好。我不是专业人士,请帮忙。

最佳答案

您有针对不同屏幕尺寸的类,这些类使用媒体查询工作。

您可以通过定义要应用到元素的所有类,在任何元素中简单地使用它们!

比如定义一个容器来处理不同的尺寸,就这样:

此示例将显示宽度约为 9、6 或 3 列的 div,具体取决于屏幕尺寸:(使用尺寸类 md、sm 和 xs)

<div class="col-md-9 col-sm-6 col-xs-3">
My content
</div>

关于css - 如何在 bootstrap 3 中制作固定的 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20613570/

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