Bootstrap 類別「mb-0」如何影響元素的邊距？

了解Bootstrap 4 中的Class="mb-0"

Bootstrap 4 提供了全面的實用程式類，用於管理不同螢幕尺寸的邊距和填充，稱為mb (邊距底部）類別。這些類別為不同視窗設定元素間距提供了靈活性，如下所述：

理解class="mb-0"

class="mb-0 "專門針對元素的底部邊距並將其設為0。此類別屬於邊距實用程式類別，用於完全刪除底部邊距。

引導邊距和填充實用程式類別格式

Bootstrap 對其邊距和填充實用程式類別使用一致的命名約定：

{property}{sides}-{size} 或{property }{sides}-{breakpoint}-{size}

屬性：

• 屬性：

屬性：

m 為邊距

• p 為填充
• 側面：
• 側面：

側面：

側面：

• 側面：
• 側面：

側面：

側頂部

• b 為底部
• l 為左側
• r 代表右
• x 代表左和右
• y 代表上和下
• 斷點：

xs 為

sm 為>=576px<p class="mb-0">Lorem ipsum</p>為>=768px<p></p>lg 為>=992px<p><strong>xl for >=1200px</strong></p> <p></p>大小：<ul> <li> <li>0 將邊距或填滿設定為0</li> </ul>1 設定a邊距或內邊距為0.25rem (4px)2 將邊距或內邊距設定為0.5rem (8px)3 將邊距或內邊距設為1rem (16px) 4 將邊距或內邊距設為1.5rem (24px) 5 將邊距或內邊距設置為3rem (48px)auto 將邊距設置為自動 用法示例 此程式碼將class="mb-0" 套用於段落元素，刪除其下邊距。 其他資源有關更全面的信息，請參閱以下資源：[Bootstrap 4.5 - 間距](https// /getbootstrap.com/docs/4.5/utilities/spacing /)[w3schools：Bootstrap Margin 和Padding 類別](https://www.w3schools.com/bootstrap4/bootstrap_margin_mg_margin_m)

以上是Bootstrap 類別「mb-0」如何影響元素的邊距？的詳細內容。更多資訊請關注PHP中文網其他相關文章！