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

标签 html css twitter-bootstrap twitter-bootstrap-3

您好网络开发人员, 我需要 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 首先出现在下面,依此类推。请帮我解决这个问题。提前致谢。希望能听到您好的建议。

最佳答案

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

一个 row 可以容纳 col-md-x,其中 x 的总和为 12。这是一个 12 网格系统。澄清一下,一行中 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>

关于html - Bootstrap col-md-3 div 连续取最后一个 col-md-3 的相对高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24355876/

相关文章:

java - 检查 html 代码中的日期

javascript - 为什么 GetUserMedia 无法在 Google Chrome 中显示视频?

javascript - 使用 % 作为网格系统的高度

javascript - 如何使用 Reactjs 中的 fetch() 获取的 JSON 数据填充 Bootstrap 网格?

javascript - 如何在 AngularJS 中编辑/删除必填字段上的所有文本

html - 文本区域 css 中的行高无法识别

css - 需要自定义轮播帮助

CSS clearfix 似乎不起作用

html - 如何在CSS中做下面提到的形状

javascript - 单击两次禁用折叠