Javascript 使用jquery使行上的子div相等

Javascript 使用jquery使行上的子div相等,javascript,jquery,html,css,twitter-bootstrap,Javascript,Jquery,Html,Css,Twitter Bootstrap,我需要使childs div彼此相等,它与列在一起的时间有多长。 我只有一行,然后其余的将是一列出引导 这是我创作的小提琴 我已经将其设置为相等,但我的问题是脚本得到了最高的div,并将其应用于其他列,这使得其他列在没有那么长的内容时有一个大的空白。我需要的是每行获得它,尽管我不会声明多行 按钮也需要在列的底部 看起来像这样 <div class="container"> <div class="row"> <div class="item-conta

我需要使childs div彼此相等,它与列在一起的时间有多长。 我只有一行,然后其余的将是一列出引导

这是我创作的小提琴

我已经将其设置为相等,但我的问题是脚本得到了最高的div,并将其应用于其他列,这使得其他列在没有那么长的内容时有一个大的空白。我需要的是每行获得它,尽管我不会声明多行

按钮也需要在列的底部

看起来像这样

<div class="container">
  <div class="row">
    <div class="item-container col-lg-4 col-md-4 col-sm-4">
      <div class="image"><img class="img-responsive"  
      src="http://placehold.it/350x150"></div>
      <div class="item-title"> 
         title title title title title title title 
         title title title title title title title title title 
      </div>
      <div class="item-details"> 
        <p>details 1</p>
        <p>details 2</p>
        <p>details 3</p>
        <p>details 4</p>
      </div>
      <div class="item-button"> 
         <button type="button" class="btn btn-primary">Add to cart</button> 
      </div>
      </div>

      <div class="item-container col-lg-4 col-md-4 col-sm-4">
      <div class="image"><img class="img-responsive"  
      src="http://placehold.it/350x150"></div>
      <div class="item-title"> 
         title title title title title title title 
         title title title title title title title title title
         title title title title title title title 
         title title title title title title title title title 
      </div>
      <div class="item-details"> 
        <p>details 1</p>
        <p>details 2</p>
        <p>details 3</p>
        <p>details 4</p>
        <p>details 1</p>
        <p>details 2</p>
        <p>details 3</p>
        <p>details 4</p>
      </div>
      <div class="item-button"> 
         <button type="button" class="btn btn-primary">Add to cart</button> 
      </div>
      </div>
   </div> 
</div>

标题标题标题
标题标题标题标题
详情1

详情2

详情3

详情4

添加到购物车 标题标题标题 标题标题标题标题 标题标题标题 标题标题标题标题 详情1

详情2

详情3

详情4

详情1

详情2

详情3

详情4

添加到购物车
我的建议是使用匹配高度插件

我已经把它贴在你的叉子上了

你可以看到这会让事情变得更简单。 当然,您不需要粘贴整个js文件,而应该包括来自的js文件

那就用

$(document).ready(function() {

    $('.item-container').matchHeight();

});

从小提琴或描述中看不清楚想要的行为。你想实现什么?我想让每个div都相等。从父div到子div是否希望“标题”文本不延伸并保持相同宽度?相同高度。获取12列中相等的每行中的最高值。与“详细信息”相同,按钮应始终位于列的底部