gpt4 book ai didi

html - Bootstrap Grid系统连续多个div

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

<分区>

我有一个容器,其中的行分为 8 列和 4 列,但是当我尝试将一个 div 放在一个 col 中时,里面的 dov 左右有一个间距上校这是为什么?

.contactUsText {
background-color: gray;
height: 50px;
}

.mailUs {
height: 40px;
background-color: gray;
padding-top: 7px;
}
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<div class="container-fluid">
<div class="row">
<div class="col col-12 col-sm-12 col-md-8 col-lg-8 mapDiv" id="maps">

</div>
<div class="col col-12 col-sm-12 col-md-4 col-lg-4 formDiv">
<div class="contactUsText"> Connect </div>
<div class ="mailUs"> Leave Us a Message!</div>
</div>
</div>
<div class="row">
<div class="col col-12 col-sm-12 col-md-12 footer"> </div>
</div>

联系我们,mailUs 两边都有空格。

编辑

这不是副本。

这个问题是针对嵌套 container 的解决方案,但在我的问题中只有一个 container 有多个 div 应用 htat 解决方案让我没有 paddint 到整个 container 这不是我想要的。

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