Bootstrap 4 中的不可见元素和 Col-X 元素答案

【问题标题】：Invisible element and Col-X elements with Bootstrap 4Bootstrap 4 中的不可见元素和 Col-X 元素
【发布时间】：2019-07-19 09:27:05
【问题描述】：

我想在一些 cols 元素之间使用 bootstrap 4 使复选框输入不可见。

<div class="container">
  <div class="row">
    <a class="col-2">
      1 of 2
    </a>
    <input type="checkbox" class="invisible" >
    <input type="text" class="col-10" value="2 of 2">
  </div>  
</div>

我使用了invisible 类，它不可见，但它的大小为 13px。

如何使用 cols 元素在中间填充隐藏元素的行？

这是我所拥有的一个例子： https://jsfiddle.net/j6h93rve/1/

这就是我想要的： https://jsfiddle.net/fybmkp7e/

【问题讨论】：

抱歉，不清楚您期待什么？
我想用 col-2 和一个 col-10 元素填充一行，但中间会有一个隐藏元素。这个隐藏的元素构成了原始包装。
使用d-none类代替invisible
这就是答案。谢谢

标签： html css bootstrap-4

【解决方案1】：

可能你必须使用d-none 而不是invisible 类

d-none - display: none
invisible - visibility: hidden

fiddle

【讨论】：

【解决方案2】：

您可以使用d-none 类来代替invisible，这样就可以了。

【讨论】：