CSS强制对象成为一定的大小

时间:2017-05-04 03:13:12

标签: css twitter-bootstrap

我有一个页面,其中包含许多使用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>

假设您希望在某人的个人资料中容纳这一点,而不仅仅是说,充满激情的设计师,它会说出占用两行的东西,然后会使整个个人资料框更长一行,从而导致整个页。我该如何解决这个问题?

0 个答案:

没有答案