使用 Foundation 或 Bootstrap 网格时，是否每个元素都需要放在行和列内？

Question

这是一道理论题。我熟悉 Foundation，最近也熟悉 Boostrap。我想知道网站上的每个元素是否都必须放在 .row>.column（对于 Foundation）或 .container>.row>.col--（对于 Bootstrap) 即使我不需要此元素的网格，例如当我想将 "back to top" 按钮固定在网站的底角时（如下所示）？它在语义上是否正确？

html:

<button class='my-button'>scroll to top</button>


css:

.my-button {
  position: fixed;
  bottom: 30px;
  right: 30px;
  width: 30px;
  height: 30px;
  //some other styling
}

Answer 1

不，并非所有内容都必须出现在.row或列元素中。

.row 和 .col-*-* 只是实用工具类由 BootStrap 提供，可帮助您布局页面。他们的名字很容易记住。它们不提供有关 element/page 的其他信息，也可以称为 .my-big-fat-row 等

使用 Foundation 或 Bootstrap 网格时，是否每个元素都需要放在行和列内？

Does every element need to be placed inside row and column when using Foundation or Bootstrap grid?

css

zurb-foundation

frontend

theory

bootstrap-4