\'class=\'mb-0\'\' 實用程式類別在 Bootstrap 4 中如何運作？

理解Bootstrap 4 中的「class="mb-0」」

在Bootstrap 4 中，實用程式類別提供了對邊距和邊距的響應式控制填充，為各種元素提供一致的間距方法。 “class="mb-0"” 是這些實用程式類別的一部分，專門用於管理底部邊距。

Bootstrap 4 中的邊距實用程式類別

Bootstrap 4 使用邊距實用程式類別來設定元素的頂部、底部、左側和右側的邊距。這些類別遵循超小型(xs) 的格式「{property}{sides}-{size}」和小型(sm)、中型(md) 的「{property}{sides}-{breakpoint}-{size}」格式、大(lg) 和特大(xl) 斷點。

類別名稱中的「m」表示邊距，而後面的字母表示要修改的邊。 “b”代表bottom，表示“mb-0”類別設定下邊距。

「mb-0」中「0」的意思

在Bootstrap 4 中，指派給margin 公用程式類別中的size 參數的值「0」指定底部邊距應設定為0。這意味著該元素不會有任何底部邊距，從而確保相鄰元素之間的緊密間距。

「mb-0」的使用

「mb-0」類別可以應用於各種HTML 元素以刪除其下邊距，例如段落、標題、或導航項目。它通常用於元素需要緊密放置在一起或垂直空間受到限制的情況。

範例

<code class="html"><p class="mb-0">Lorem ipsum</p></code>

在此範例中，底部使用「mb-0」類別刪除段落的邊距，從而在文字和下一個元素之間創建無縫過渡。

結論

「class= Bootstrap 4 中的「mb-0」實用程式類別允許開發人員控制元素的下邊距，從而提供了一種在回應式設計中管理間距和佈局的便捷方法。

以上是\'class=\'mb-0\'\' 實用程式類別在 Bootstrap 4 中如何運作？的詳細內容。更多資訊請關注PHP中文網其他相關文章！