Bootstrap 4 提供了全面的實用程式類,用於管理不同螢幕尺寸的邊距和填充,稱為mb (邊距底部)類別。這些類別為不同視窗設定元素間距提供了靈活性,如下所述:
理解class="mb-0"
class="mb-0 "專門針對元素的底部邊距並將其設為0。此類別屬於邊距實用程式類別,用於完全刪除底部邊距。
引導邊距和填充實用程式類別格式
Bootstrap 對其邊距和填充實用程式類別使用一致的命名約定:
{property}{sides}-{size} 或{property }{sides}-{breakpoint}-{size}
屬性:
m 為邊距
側面:
側頂部
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_updp_margin_m)
以上是Bootstrap 類別「mb-0」如何影響元素的邊距?的詳細內容。更多資訊請關注PHP中文網其他相關文章!