gpt4 book ai didi

html - Bootstrap Columns inside Row 不同效果图

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

我有多个行,我想以相同的方式排列它们。

<div class="row">
<div class="col-md-3">
<a href="#"><div class="img-circle index circle partner-circle box-shad"></div></a>
</div>

<div class="col-md-9">
<a href="#"><h2 class="partner-heading">Stuff </h2></a>
<hr />
<p class="lead">This is some text</p>
</div>
</div> <!-- row -->

但是 h2 文本没有相对于其他元素正确排列,如图所示:

enter image description here

The site is HERE如果你想现场观看。你能帮我弄清楚为什么元素之间的样式不一致吗?

最佳答案

更改(在您的 style.css 中)

.circle1, .circle3 {
margin: 39px 0 41px;
}

为此

.circle {
margin: 39px 0 41px;
}

然后所有图片与右侧内容对齐

关于html - Bootstrap Columns inside Row 不同效果图,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22393015/

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