gpt4 book ai didi

html - 水平对齐然后在 Bootstrap 中堆叠列

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

如何在 col-sm 水平对齐两列,但在 col-xs 垂直堆叠它们?

我目前有:

<div class="col-md-3 col-sm-12"> 
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-12">Content</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-12">Content</div>
</div>
</div>

最佳答案

有点像

<div class="row">
<div class="col-sm-6 col-xs-12">Content</div>
<div class="col-sm-6 col-xs-12">Content</div>
</div>

Bootstrap :http://www.bootply.com/u6mMtQvyzX

致克莱尔:

您不需要此 div...

<div class="col-md-3 col-sm-12"> 
<!-- <div class="row"> -->
<div class="col-xs-12 col-sm-6 col-md-12">Content</div>
<!-- </div> -->
<!-- <div class="row"> -->
<div class="col-xs-12 col-sm-6 col-md-12">Content</div>
<!-- </div> -->
</div>

关于html - 水平对齐然后在 Bootstrap 中堆叠列,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25810905/

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