我有一个页面,其中包含许多使用bootstrap的配置文件。该个人资料来自此处http://bootsnipp.com/snippets/featured/profile-card。
问题是某些人的信息比其他信息占用的线路多一行,导致配置文件不均匀。如何强制它们全部大小相同(在这种情况下,为了容纳少数有更多信息的大多数,它们中的大多数会长一行)?
因此,例如在示例中,代码是:
<div class="container">
<div class="row">
<div class="col-lg-3 col-sm-6">
<div class="card hovercard">
<div class="cardheader">
</div>
<div class="avatar">
<img alt="" src="http://lorempixel.com/100/100/people/9/">
</div>
<div class="info">
<div class="title">
<a target="_blank" href="http://scripteden.com/">Script Eden</a>
</div>
<div class="desc">Passionate designer</div>
<div class="desc">Curious developer</div>
<div class="desc">Tech geek</div>
</div>
<div class="bottom">
<a class="btn btn-primary btn-twitter btn-sm" href="https://twitter.com/webmaniac">
<i class="fa fa-twitter"></i>
</a>
<a class="btn btn-danger btn-sm" rel="publisher"
href="https://plus.google.com/+ahmshahnuralam">
<i class="fa fa-google-plus"></i>
</a>
<a class="btn btn-primary btn-sm" rel="publisher"
href="https://plus.google.com/shahnuralam">
<i class="fa fa-facebook"></i>
</a>
</div>
</div>
</div>
</div>
</div>
假设您希望在某人的个人资料中容纳这一点,而不仅仅是说,充满激情的设计师,它会说出占用两行的东西,然后会使整个个人资料框更长一行,从而导致整个页。我该如何解决这个问题?