Css 在我的情况下,我必须为一行使用5列md,而另一列md需要在没有打开行的情况下转到下一行

Css 在我的情况下,我必须为一行使用5列md,而另一列md需要在没有打开行的情况下转到下一行,css,twitter-bootstrap,Css,Twitter Bootstrap,在我的情况下,我必须为一行使用5列md,而另一列md需要在没有打开行的情况下转到下一行。 我尝试了N:child,但这对我没有帮助。请帮助我解决这个问题 请单击代码段的完整页面以更好地查看 .col md:n子项(5){ 显示:块; } 文件 嗨,我的名字是 嗨,我的名字是 嗨,我的名字是 嗨,我的名字是 嗨,我的名字是 这是下一排 这是下一排 这是下一排 问题是您正在使用七个容器。你需要六个。接下来,您必须为最后一个容器(100%)附加正确的类。这是col-md-12。您不需要任何额外的C

在我的情况下,我必须为一行使用5列md,而另一列md需要在没有打开行的情况下转到下一行。 我尝试了N:child,但这对我没有帮助。请帮助我解决这个问题 请单击代码段的完整页面以更好地查看

.col md:n子项(5){
显示:块;
}

文件
嗨,我的名字是
嗨,我的名字是
嗨,我的名字是
嗨,我的名字是
嗨,我的名字是
这是下一排
这是下一排
这是下一排

问题是您正在使用七个容器。你需要六个。接下来,您必须为最后一个容器(100%)附加正确的类。这是
col-md-12
。您不需要任何额外的CSS。您需要的一切都由引导支持。请重新访问有关布局工作原理的说明

作为附加信息,
col md
占据尽可能多的可用空间(均匀分布在一行中的所有元素/容器之间)。 下面的示例演示了如何做到这一点


文件
嗨,我的名字是
嗨,我的名字是
嗨,我的名字是
嗨,我的名字是
嗨,我的名字是
这是下一排

问题是您正在使用七个容器。你需要六个。接下来,您必须为最后一个容器(100%)附加正确的类。这是
col-md-12
。您不需要任何额外的CSS。您需要的一切都由引导支持。请重新访问有关布局工作原理的说明

作为附加信息,
col md
占据尽可能多的可用空间(均匀分布在一行中的所有元素/容器之间)。 下面的示例演示了如何做到这一点


文件
嗨,我的名字是
嗨,我的名字是
嗨,我的名字是
嗨,我的名字是
嗨,我的名字是
这是下一排

您只需将flex basis设置为20%即可

.col-md {
    flex: 0 0 20%;
}

您只需将flex basis设置为20%即可

.col-md {
    flex: 0 0 20%;
}

您需要允许换行,然后控制
flex基础

.col md:n子元素(n+6){
弹性基准:100%;
}

嗨,我的名字是
嗨,我的名字是
嗨,我的名字是
嗨,我的名字是
嗨,我的名字是
这是下一排
这是下一排
这是下一排

您需要允许包装,然后控制
弹性基础

.col md:n子元素(n+6){
弹性基准:100%;
}

嗨,我的名字是
嗨,我的名字是
嗨,我的名字是
嗨,我的名字是
嗨,我的名字是
这是下一排
这是下一排
这是下一排

谢谢你的回答。问题是我必须循环15次到col md,所以我不能在代码中间使用col-md-12。我正在寻找csshelp@Naveen007事实上你可以。可能存在一个条件来确定何时插入
col-md-12
。这就是它的工作原理,我不建议围绕布局工作,因为缺少这样的条件。如果您没有确定
col-md-12
的条件,为什么不在需要的迭代次数之后简单地添加它呢?尽管如此,您实际上可以通过
col-md-12
实现这一点,我建议您在代码中实现这一点,而不是使用CSS来修复它。如果您无权访问代码,也可以手动将第n个子项的宽度设置为
100%
。那也能胜任这份工作。谢谢你的回答。弹性:0.20%;修复了我的问题谢谢你的回答。问题是我必须循环15次到col-md,所以我不能在代码中间使用col-md-12。我正在寻找csshelp@Naveen007事实上你可以。可能存在一个条件来确定何时插入
col-md-12
。这就是它的工作原理,我不建议围绕布局工作,因为缺少这样的条件。如果您没有确定
col-md-12
的条件,为什么不在需要的迭代次数之后简单地添加它呢?尽管如此,您实际上可以通过
col-md-12
实现这一点,我建议您在代码中实现这一点,而不是使用CSS来修复它。如果您无权访问代码,也可以手动将第n个子项的宽度设置为
100%
。那也能胜任这份工作。谢谢你的回答。弹性:0.20%;解决了我的问题谢谢你的回答。弹性:0.20%;解决了我的问题谢谢你的回答。弹性:0.20%;解决了我的问题谢谢你的回答。你解决了我的问题并保存了我的项目。谢谢你的回答。你解决了我的问题并保存了我的项目。