User interface 引导4使用行和列类的正确方法

在我的

div

元素中，我想放置两行。 第一行包含两个

输入

元素。因此，我可以将这两个输入元素放在两个单独的列中

但是在我的第二行中，只有一个按钮元素。我不能放置两个单独的列。这是我现在的代码

<div id="app">
    <div class="row">
      <div class="col">
        First name: <input type="text" name="" value="">
      </div>

      <div class="col">
        Last name:  <input type="text" name="" value="">
      </div>
    </div>

    <div class="row">
        <button type="button" name="button">Save</button>
    </div>
  </div>

名字：
姓氏：
拯救

对于第二行，我应该将该按钮包装在列中，而不是该行。像这样

<div class="row">
      <div class="col">
        <button type="button" name="button">Save</button>
      </div>
    </div>

拯救

或者我以前的代码还可以？ 专业的方法是什么。 我希望你能理解我的问题。 多谢各位

对于第二行，我应该将该按钮包装在一列中。像这样

<div class="row">
      <div class="col">
        <button type="button" name="button">Save</button>
      </div>
    </div>

是，仅允许引导列是引导行的直接子级

因此，在每个引导行中，必须至少有一个引导列，并且所有内容必须进入引导列，而不能直接进入引导行

这是因为引导行和列是成对工作的，即任何内容都不能直接放入引导行中。只有引导列可以是引导行的直接子级

参考：

---

非常感谢。你的答案非常清楚