gpt4 book ai didi

html - Bootstrap 网页

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

这听起来有点奇怪,但我需要一些帮助,网页必须有一行必须包含三个部分,第一部分必须有 1 列的偏移量,并且部分之间的空间必须是 10px到目前为止,使用 Bootstrap 一切顺利。

现在第二行将有 2 个相等的部分,其边缘必须与前一行的边缘对齐,第一部分将有 1 列的偏移量并且部分之间的间距必须为 10px。

我的问题是第二行,我如何创建这两个相同宽度的部分,它们之间的距离为 10px,并且它的边缘与前一行的边缘对齐。

我给你一张问题的图片。

enter image description here

我第一行的代码是:

<div class="barra row">
<div class="col-md-3 col-md-offset-1 col-sm-3 col-xs-3 col-xs-offset-1 colum4"></div>
<div class="col-md-3 col-sm-3 col-xs-3 leftMargin colum4" id="a"></div>
<div class="col-md-3 col-sm-3 col-xs-3 leftMargin colum4" id="b"></div>
</div>

第二行代码是什么??

最佳答案

那么试试这个:

<div class="row">
<div class="col-xs-1"></div>
<div class="col-xs-11">
<div class="row">
<div class="col-xs-4 colum4" style="margin-right:10px; width:calc(33.333% - 6.666px);"></div>
<div class="col-xs-4 colum4" style="margin-right:10px; width:calc(33.333% - 6.666px);"></div>
<div class="col-xs-4 colum4" style="width:calc(33.333% - 6.666px);"></div>
</div>
<div class="row">
<div class="col-xs-6" style="margin-right:10px; width:calc(50% - 5px);"></div>
<div class="col-xs-6" style=" width:calc(50% - 5px);"></div>
</div>
</div>
</div>

关于html - Bootstrap 网页,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39884958/

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