Jquery &引用；“显示更多”；引导列中的选项展开所有相邻列
我正在开发一个网站使用引导。桌面布局每行有4列（网格平铺式布局）。 每个互动程序都有一些很长的文本，我使用jQuery插件成功地折叠了这些文本 现在我面临的问题是，当使用“显示更多”选项时，该平铺的内容会扩展，从而将其下方的平铺向下推。 但是，它也会扩展所有其他列的平铺。 如何防止其他柱面瓷砖扩大其尺寸 我只希望该列向下扩展，其中单击了平铺的“显示更多”选项 正常视图 单击“显示更多”后Jquery &引用；“显示更多”；引导列中的选项展开所有相邻列,jquery,html,css,twitter-bootstrap,Jquery,Html,Css,Twitter Bootstrap,我正在开发一个网站使用引导。桌面布局每行有4列（网格平铺式布局）。 每个互动程序都有一些很长的文本，我使用jQuery插件成功地折叠了这些文本 现在我面临的问题是，当使用“显示更多”选项时，该平铺的内容会扩展，从而将其下方的平铺向下推。 但是，它也会扩展所有其他列的平铺。 如何防止其他柱面瓷砖扩大其尺寸 我只希望该列向下扩展，其中单击了平铺的“显示更多”选项 正常视图 单击“显示更多”后 好的，那么您的引导布局可能不正确。该结构应能： <html> <head>
好的，那么您的引导布局可能不正确。该结构应能：
<html>
<head>
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<!-- Latest compiled JavaScript -->
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
</head>
<body>
<div class="row ">
<div class="col-xs-4">
<div class="row">
<div class="col-xs-12" style="height:150px; border: 1px solid #fff; background:blue">
</div>
<div class="col-xs-12" style="height:400px; border: 1px solid #fff; background:blue">
</div>
<div class="col-xs-12" style="height:200px; border: 1px solid #fff; background:blue">
</div>
</div>
</div>
<div class="col-xs-8">
<div class="row">
<div class="col-xs-12" style="height:200px; border: 1px solid #fff; background:green">
</div>
<div class="col-xs-12" style="height:200px; border: 1px solid #fff; background:green">
</div>
<div class="col-xs-12" style="height:200px; border: 1px solid #fff; background:green">
</div>
</div>
</div>
</div>
</body>
这是我使用的方法这是引导的工作原理。它与你的插件无关。当您展开一列时，整行会更高。只是为了澄清：您只希望左侧平铺（单击“显示更多”）展开，但希望右侧部分保持其高度？像这样@是的，这就是我想要的it@johnwick：上述解决方案对您有效吗？如果是，你能接受吗？干杯：）