Question

Hello Web开发人员，我在bootstrap中需要帮助。我在行类中有类col-md-3的div。连续4个col-md-3。但是col-md-3的高度不同。它可以是任何东西。当高度不同时会出现问题。因此，假设连续出现4个col-md-3，最后col-md-3比其他更小或更大。然后第5个col-md-3取最后一个col-md-3的高度并按其调整。你可以在http://demo.wedevelopers.in/bootstraptest-54765/index.htm查看它我希望第5个div首先出现在下面，依此类推。请帮我解决这个问题。提前致谢。希望听到你的好建议。

Answer 1

为您的第5个col-md创建一个新行。

一个row可以容纳col-md-x，其中x的总和是12.它是 12-grid system 。为了澄清，连续col-md的总和必须 12 或更低。

示例：

<div class ="row">
    <div class="col-md-3">
    <div class="col-md-3">
    <div class="col-md-3">
    <div class="col-md-3">
</div>
<div class ="row">
    <div class="col-md-3">
    <div class="col-md-3">
    <div class="col-md-3">
    <div class="col-md-3">
</div>

Answer 2

为什么不在每4个.col-md-3之后添加.row？如果你想继续下一行，你需要添加一个新的.row。你还说div的高度各不相同，但如果你想让它们全部相等，请将它添加到css中：

.col-md-3
{
  height:400px;
  overflow:scroll;
}

Bootstrap col-md-3 div连续获取最后一个col-md-3的相对高度

2 个答案: