gpt4 book ai didi

html - 等高列 bootstrap 3

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

嘿,我正在一个元素网站上工作,但我遇到了问题,有专栏,

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

<div class="row-eq-height">
<div class="col-xs-4 col-md-4">
<div class="thumbnail">
<img src="img/seo.png" height="150" width="150">
<div class="caption">
<h4 class="text-center">SEO Services</h4><hr class="style-one">
<h4 class="text-center">We provide you with SEO Services ,which will boost your site ranking on different search engine, Google,Yahoo,etc.</h4>
<div class="text-right">
<a href="#" class="btn btn-primary" >25$</a>
</div>
</div>
</div>
</div>


<div class="col-xs-4 col-md-4 ">
<div class="thumbnail">
<img src="img/s2.png" height="150" width="150">
<div class="caption">
<h4 class="text-center">Websiite Templates</h4><hr class="style-one">
<h4 class="text-center">Here we provide you with various different website templates,responsive, mobile interface enabled. as per your requirement.</h4>
</div>
</div>
</div>


<div class="col-xs-4 col-md-4">
<div class="thumbnail">
<img src="img/s3.png" height="150" width="150">
<div class="caption">
<h4 class="text-center">hello</h4><hr class="style-on">
<h4></h4>
</div>
</div>
</div>
</div>

Here是演示

我该如何纠正。

最佳答案

.thumbnail 类设置最小高度

.thumbnail {
min-height: 330px;
}

并针对溢出问题添加

.text-center {
word-wrap: break-word;
}

fiddle http://jsfiddle.net/8d8g7hyt/3/

关于html - 等高列 bootstrap 3,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38573269/

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