Jquery twitter引导网格中的Cycle2幻灯片

我有一些网格，比如

row 4 | 4| 4
row 8    | 4

然后我在第一行第一个和第二个网格中分别放置一个cycle2滑块，而在第二行第二个网格中再次放置一个cycle2滑块 这是一种玩弄对称的游戏

我的问题是，它们的分辨率不同，高度应该扩展到最高的网格。例如，在我的第一行中，cycle2图像的高度应该相同

这里有一个jsfiddler模型

---

在这种情况下如何进行？

很难理解您的问题，但如果我理解正确，您希望将一系列列设置为与最高列的高度相同的高度。您没有发布任何代码，也没有告诉我们您使用的是哪个框架（可能是因为标签的原因而引导），因此很难提供准确的答案

---

使用jQuery获取要比较的每列的高度，将高度保存在数组中，比较高度以查找最高值，然后将所有列的高度设置为该高度。虽然在设计中会有空白，但这就是如何做到的

您正在寻找这样的输出：

在这里，我为每个

行

div添加了一个

equalheight

类，还添加了JS函数，如：

$(document).ready(function(){
    var maxHeight = 0;
    $(".img-responsive").each(function(){
         var currentHeight = $(this).height();
         if (currentHeight > maxHeight)
             maxHeight = currentHeight;
    });

    $("div.equalheight").height(maxHeight);
});

---

我不确定我是否正确理解了您的问题，但如果您正在寻找一种解决方案来水平对齐行中的列，或者规范行中列的高度，那么您应该看看这个很棒的jQuery脚本：

我们在十几个项目中使用它，试图在“div.row”中水平对齐未知高度的未知数量的“div.col-*”。我们的共同方法是这样的

<div class="row normalizeMe">
    <div class="col-sm-6 col-md-4">unknown height...</div>
    <div class="col-sm-6 col-md-4">unknown height...</div>
    <div class="col-sm-4">unknown height...</div>
    <div class="col-sm-4">unknown height...</div>
    <div class="col-sm-4">unknown height...</div>
    <div class="col-sm-4">unknown height...</div>
</div>
<script>
    $('.row.normalizeMe > div[class*="col-"]').matchHeight();
</script>

未知高度。。。
未知高度。。。
未知高度。。。
未知高度。。。
未知高度。。。
未知高度。。。
$（'.row.normalizeMe>div[class*=“col-”]）.matchHeight（）；

---

无论屏幕大小或框有多大，脚本都会很好地水平对齐列。它还可以使幻灯片容器的高度正常化。

为什么不使用砌体？因为对于砖石结构，我不能直接使用symmetryno。每行的图像角点应接触角点，并循环每行的2个项目应具有相同的高度以避免出现这种情况，您的示例在第二行中也说明了这一点，但在这种情况下，我想我们必须找到最小的图像高度，并将其应用于其他项目，以便在行之间不会出现任何空白。我说的对吗？还是我离你的要求还很远？是的，我想这就是我的想法，在每行循环中找到最小的图像，并找到一个避免行旋转中出现空白的解决方法