gpt4 book ai didi

html - 左边距相等的 Bootstrap 列

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

我是第一次尝试 Bootstrap。我需要类似下图的图案。

但是当我尝试下面的代码时,显示很奇怪。我需要在所有 div 上留下特定的边距,比如 20 px。 (像图片一样)

enter image description here

我的代码

<div class="row">

<div class="col-md-8 white topm " style="height: 400px;"></div>

<div class="col-md-4 topm " style="height: 400px;">
<div class="col-md-11 col-md-offset-1 white" style="height: 400px;">d</div>
</div>

</div>

<div class="clearfix"></div>

<div class="row">

<div class="col-md-5 white topm " style="height: 400px;"></div>

<div class="col-md-7 topm " style="height: 350px;">
<div class="col-md-11 col-md-offset-1 white" style="height: 350px;">d</div>
</div>

</div>

最佳答案

之后:

<div class = "row">

使用:<div class="container">

它应该可以解决您的问题。

关于html - 左边距相等的 Bootstrap 列,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21701253/

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