用父容器.container删除嵌套Bootstrap .col中的填充的最佳实践是什么?

斯宾塞·希尔

上下文

我相信以下是正确的:

  • Bootstrap 4向添加左右填充.col
  • .row没有填充,但是如果里面有填充,它们就会填充col
  • .container具有左右填充。而且它也嵌套了col

下面的示例导致嵌套填充。

<div class='container'>
  <div class='col'>
    <div class='row'>
      <div class='col'></div>
    </div>
  </div>
</div>

但是此示例不会导致填充。

<div class='row'>
  <div class='col'>
    <div class='row'>
      <div class='col'></div>
    </div>
  </div>
</div>


目标

我需要父容器具有填充,但是其中的所有内容都不能具有外部的左右填充。

如果.row> .col> .row是删除内部填充的官方Bootstrap解决方案(但父容器没有填充),那么对父级使用外部填充实现此最佳方法是什么?

猴脸

您可以将no gutter类添加到“行”中。

.no-gutters

此处详细说明:https//getbootstrap.com/docs/4.0/layout/grid/

同样,列几乎总是应该位于行内,因此您应该在第一列之前添加另一行。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

在bootstrap中增加侧面填充物的最佳实践是什么?

如何使 Bootstrap 行填充父容器的高度?

CSS Grid Layout 用位置固定的 div 填充父容器

Bootstrap中“ row”类的含义是什么,它与容器的区别,以及它如何与col-***-*堆叠?

在容器注册表中存储图像的最佳实践是什么

从reducer中的数组中删除重复项的最佳实践是什么?

管理和移动Docker容器的最佳实践是什么?

将代码放入Docker容器的最佳实践是什么?

在父/子关系中在 Angular 中实现添加/更新/删除操作的最佳方法是什么?

Swift中的嵌套类型-什么是最佳实践?

通过Core Web API中的可选参数删除多个记录的最佳实践是什么?

标记需要稍后在Java中删除的变量的最佳实践是什么?

使用Bootstrap输入不会保留在父容器中

用Java编写哈希函数的最佳实践是什么?

用optaplanner解决VRPMT问题的最佳实践是什么?

用EF查询相关表的最佳实践是什么

用React调用API的最佳实践是什么

用JavaScript编写对象并做出反应的最佳实践是什么

在一对多Rails ActiveRecord关系中,获得父记录只有子记录的最佳实践是什么?

从在Docker容器中运行的JVM应用程序将日志发送到graylog的最佳实践是什么?

用CakePHP更新/添加/删除同一表格中的多个记录的最佳方法是什么

用Dart语言从列表中填充空值的最佳方法是什么

用Phoenix验证嵌套模型的最佳方法是什么?

让 Grid 控件填充父容器

用jQuery删除表行的最佳方法是什么?

如何删除嵌套容器中的重复条目

Perl在Windows上运行时获取父文件夹权限的最佳实践是什么

防止父容器中的内部内容使父容器消失

用php从json文件中删除父键