在引導程序行內包裝div-不是網格項？

Question

可以將div換行嗎？ 我知道這是可能的，但我只是想知道這是否是一個不好的做法。 我不在行內使用任何col-md類。

請參見下面的示例。

<div class="row">
 <div class="home-bg">
  1
 </div>
</div>

Answer 1

您的問題與詢問是否可以讓一個div包裹另一個div相同？ 類行只是帶有某些CSS規則的引導類。 一無所有

您將需要執行多次。 您將div與來自不同庫的類，您將創建的自定義類以及如此多種不同類型的元素混合在一起。

沒什么好習慣或壞習慣的問題。 如果您需要某個類中已經存在的某些引導程序功能，那么使用現有功能是一個好習慣。 如果沒有，那么做任何你想做的。

Answer 2

這是一種不好的做法，因為.row僅打算包含Bootstrap文檔中特別說明的grid col* ...

行是列的包裝。 每列都有水平填充（稱為裝訂線），用於控制它們之間的間距。 然后，在具有負邊距的行上抵消此填充。在網格布局中，必須將內容放置在列內，並且只有列可以是row的直接子級 。

http://getbootstrap.com/docs/4.1/layout/grid/#how-it-works

Answer 3

您可以這樣做，但問題是為什么要這么做？ 所有row類所做的就是添加負邊距和必要的flex屬性，以允許列網格正常工作，因為您不需要列網格，是否需要負邊距？ 如果不是，則不要添加row類。 將非列網格類作為row的子類不會破壞您的站點，但是要記住，由於它增加了負的邊距，可能會導致一些不良的設計錯誤，這一點很重要。

您可以在此處了解有關Bootstrap列網格的更多信息。