首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >Bootstrap col-md-3 div获取一行中最后一列的相对高度

Bootstrap col-md-3 div获取一行中最后一列的相对高度
EN

Stack Overflow用户
提问于 2014-06-23 05:24:05
回答 2查看 2.3K关注 0票数 1

您好网站开发人员,我需要在引导帮助。我在一个行类中有col 3类的div。总共4列-md-3。但是col-md-3的高度是不同的。它可以是任何东西。当高度不相同时,就会出现问题。因此,假设4列-md-3连续出现,最后一列-md-3比其他列小或大。然后第五列-md-3取最后一列-md-3的高度,并根据it.You进行调整,可以在http://demo.wedevelopers.in/bootstraptest-54765/index.htm上查看它,我想要第五个div首先出现在下面,依此类推。请帮我解决这个问题。提前谢谢。希望能听到你的好建议。

EN

回答 2

Stack Overflow用户

发布于 2014-06-23 05:27:01

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

一个row可以容纳x之和为12的col-md-x。它是一个12网格系统。为了澄清,一行中col-md的和必须是12或更小。

示例:

代码语言:javascript
复制
<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>
票数 1
EN

Stack Overflow用户

发布于 2014-06-23 05:28:09

为什么不在每个4.col-md-3之后添加.row?因为如果你想继续下一行,你需要添加一个新的.row。您还提到div的高度会有所不同,但如果您希望所有div的高度相等,请将以下内容添加到css中:

代码语言:javascript
复制
.col-md-3
{
  height:400px;
  overflow:scroll;
}
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/24355876

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档