gpt4 book ai didi

javascript - bootstrap 中的方柱

转载 作者:太空宇宙 更新时间:2023-11-04 14:52:59 25 4
gpt4 key购买 nike

<分区>

我正在尝试创建一个正方形网格以提供一些导航功能。

我有它与 js 一起工作,但我不喜欢那个解决方案。我正在使用 bootstrap 3

<div class="container">
<div class="row">
<div class="col-xs-4" style="background-color: lightgray"></div>
<div class="col-xs-4" style="background-color: lightgreen"></div>
<div class="col-xs-4" style="background-color: lightgray"></div>
<div class="col-xs-4" style="background-color: lightgreen"></div>
<div class="col-xs-4" style="background-color: lightgray"></div>
<div class="col-xs-4" style="background-color: lightgreen"></div>
</div>
</div>

var divs = $(".row > div");
var width = divs.width();
divs.height(width)

如何只用css实现呢?

jsfiddle

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