如何阻止引导行重叠

Question

我是网页设计和引导新手。

我想显示4列和3行，但行重叠，如下面的屏幕截图所示

我正在使用以下代码（我将重复12次以获得4列和3行。

<div class="col-xs-12 col-sm-6 col-md-3 member" style="max-height:256px; min-height:256px;">
<div class="well"'.$boxShadowEffect.'>
    <div class="col-xs-12 nopad text-center">
        <a href="/'.$memberUrl.'">
        <div style="max-height: 212px; min-height: 212px;"> <img style="max-height: inherit; '.$imageShadowEffect.'" class="img-thumbnail" alt="'.$name.' is a '.$memberProfession.'" src="https://e27.co/img/no_image_profile.png">
        </div>
        </a>
        <a href="/'.$memberUrl.'">  <h4 class="tmargin bold text-info"  title="'.$nameTitle.'">'.$name.'</h4></a>
        <a class="tmargin btn btn-sm btn-primary btn-block" href="/'.$memberUrl.'">View '.$listingLabel.' </a>                                                  
    </div>                                              
    <div class="clearfix">  </div>                                                                                          
</div>                                              

我应该在哪里添加break标记？

Answer 1

不要在列上设置max-height：

<div class="col-xs-12 col-sm-6 col-md-3 member" style="min-height:256px;">..</div>

http://codeply.com/go/OH013YvjN