gpt4 book ai didi

css - 是否可以使用响应式方法将 col-xs-1 嵌套到较小的部分 - bootstrap

转载 作者:太空宇宙 更新时间:2023-11-04 09:24:37 26 4
gpt4 key购买 nike

我真的很喜欢 bootstrap 网格,但是,我想念的是一种嵌套更小部分的方法。例如 col-xs-1、col-md-1 等。如果这个最小的列可以组织为全屏网格,那将非常酷。也许有什么办法可以做到这一点?

最佳答案

你为什么要这个? Bootstrap 可以根据视口(viewport)轻松调整尺寸。因此,如果您希望特定的 div 在中型上为 50% 宽度,在超小型上为 100% 宽度,只需添加正确的类即可。

<html>
<div class="container">
<div class="row">
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
//do something
</div>
</div>
</div>
</html>

这样,您的 div 在中型视口(viewport)和全屏以及超小视口(viewport)上将是 md-6。希望这能回答您的问题。

编辑:

<div class="row">
<div class="col-xs-6">
<div class="row">
<div class="col-xs-4">
// content here
</div>
<div class="col-xs-4">
// content here
</div>
<div class="col-xs-4">
// content here
</div>
</div>
</div>
</div>

关于css - 是否可以使用响应式方法将 col-xs-1 嵌套到较小的部分 - bootstrap,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41211389/

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