相关疑难解决方法(0)

Bootstrap:行中有多个嵌套行?

我知道你可以在嵌套列中嵌套行,但是"违反规则"直接在行中嵌套行吗?

例如:

<div class="row">

  <div class="row">
     cols in here
  </div>

  <div class="row">
     cols in here
  </div>

  <div class="row">
     cols in here
  </div>

</div>
Run Code Online (Sandbox Code Playgroud)

或者这些必须始终在列内吗?

css twitter-bootstrap

7
推荐指数
1
解决办法
2万
查看次数

Bootstrap 4使用行和列类的正确方法

在我的div元素中,我想放置两行。在第一行包含两个inputelements.For这个原因,我可以把那两个输入元素分成两个单独的列。

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

<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>
Run Code Online (Sandbox Code Playgroud)

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

<div class="row">
      <div class="col">
        <button type="button" name="button">Save</button>
      </div>
    </div>
Run Code Online (Sandbox Code Playgroud)

还是我以前的代码很好?专业的方法是什么?我希望你能理解我的问题。谢谢。

layout user-interface frontend bootstrap-4

0
推荐指数
1
解决办法
1896
查看次数