CSS-5等引导列
CSS-5等引导列
提问于 2017-03-16 07:40:50
我知道这个问题已经问了很多次了，但我的情况有点“具体”。我为TYPO3使用了一个模板，它有一个引导内容元素，在那里我可以告诉模板我需要多少列等等，然后它会呈现HTML代码。
这是网站。
正如您所看到的，我有2行，每行包含5列，我希望它们使用所留下的所有空间，并将其居中。我该怎么做？
回答 4
Stack Overflow用户
回答已采纳
发布于 2017-03-16 07:58:16
对于需要均匀间隔且与网格线不对齐的元素，网格不是正确的选择。但是，您可以通过在包含项目的行上使用CSS柔性盒模型(也称为柔性盒)轻松实现目标。
下面的CSS代码将容器设置为一个柔性盒，告诉它在所有可用空间中均匀地存储其内容，并隐藏在使用这种方法时不需要的::after伪元素。不需要修改HTML。在不支持柔性盒的浏览器上(在、IE 11、下)，一切看起来都和以前一样。
div#c1131 > .row {
display: flex;
justify-content: space-between;
overflow: hidden;
}
div#c1131 > .row::after {
display: none;
}如果浏览器兼容性存在问题，请确保对照犬科或类似服务进行验证。
Stack Overflow用户
发布于 2017-03-16 07:46:30
据我所知，Bootstrap中的默认网格有12个部分。因此，如果您想在一行中使用5列，这实际上是不可能的。
您可以使用一个网格列号，它可以分为3列、4列和5列(60)，也可以使用自己的CSS来处理这种特殊情况。
Stack Overflow用户
发布于 2017-03-16 08:03:44
只需在同一父div中给定列之前添加此html即可。
<div class="col-lg-1"></div>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/42827971
复制相关文章
相似问题
腾讯云开发者
