Bootstrap 4 第一类中col和row与带填充的空单元格之间的引导差异

我有一个疑问，我使用的是bootstrap v4.1，我知道以下代码是正确的：

<div class="container">
      <div class="row">
         <div class="col-sm-6">
                   Dog
             </div>
          <div class="col-sm-6">
                  Cat
          </div>
      </div>
</div>

<div class="container">
          <div class="col">
             <div class="row-sm-6">
                       Dog
                 </div>
              <div class="row-sm-6">
                      Cat
              </div>
          </div>
    </div>

狗
猫

但我不知道下面的代码是否正确：

<div class="container">
      <div class="row">
         <div class="col-sm-6">
                   Dog
             </div>
          <div class="col-sm-6">
                  Cat
          </div>
      </div>
</div>

<div class="container">
          <div class="col">
             <div class="row-sm-6">
                       Dog
                 </div>
              <div class="row-sm-6">
                      Cat
              </div>
          </div>
    </div>

狗
猫

我知道布局有差异，但我没有找到正确的文档

你能告诉我这两个密码是否正确吗

此外，当我希望将元素移动到引导单元格中时，我使用填充：

<div class="container">
          <div class="row">
                  <div class="col-sm-12" style="padding-top: 10rem; padding-left: 20rem">
                       <span>hello</span>
                    </div>
            </div>
    </div>

你好

你有什么想法或者我的解决方案是对的？我试图创建空单元格，但它们崩溃了：

<div class="container">
      <div class="row">
         <div class="col-sm-3">
         </div>
         <div class="col-sm-9">
            <span>hello</span>
         </div>
      </div>
    </div>

你好

第一个是对的，第二个不是

这是由于引导的工作方式

首先，创建一行，并在其中放置列。根据设计，bootstrap将屏幕分为12列，您可以按照自己的方式进行排列，就像使用col-md-6一样。这意味着，在平均监视器上，该列将从默认的12列中删除6列。换句话说，宽度的50%（或多或少）

您发布的第二个示例是错误的，因为这些类不存在于引导程序中，根本无法工作

看一看作为整个引导框架基础的

---

关于问题的第二部分，如果col-md-3中没有任何内容，它将崩溃。通常，如果需要一个空列，我只需将

放入其中，然后为我解决问题。或者，更好的是，你应该去看看。

我明白了，但是我试着使用第二个例子，由于这个原因，它非常有效。嗯，这看起来很奇怪。如果我把你的代码贴到第6行，它就不起作用了（这是正确的）。它起作用了：它打印

dog

和

cat

下。用两种不同的方式。当我用

class=“row”

和

class=“col-sm-6”书写时，它会在同一行上打印狗和下一只猫哦，现在我明白你的意思了。。。事实上，它的工作原理很简单，因为引导与它无关。尝试删除所有类，您将看到它将在两行中打印dog和cat。这是div标签的标准html行为。谢谢：）如果我必须向下移动（为了跳过一行引导），我可以使用这些边距（）还是其他技巧？