」工欲善其事,必先利其器。「—孔子《論語.錄靈公》
首頁 > 程式設計 > Bootstrap 類別「mb-0」如何影響元素的邊距?

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

發佈於2024-11-04
瀏覽:991

How does the Bootstrap class \

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

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

理解class="mb-0"

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

Bootstrap Margin and Padding Utility Class Format

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

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

屬性:

]
  • m 為邊距
  • p 為填充

側面:

  • t 為頂部
  • b 為底部
  • l 為左側
  • r 為右
  • x 為左和右
  • y 為頂部和底部

斷點:

  • xs 為
  • sm 為>=576px
  • md 為> =768px
  • lg 為>=992px
  • xl 為> =1200px

大小:

  • 0 將邊距或內邊距設定為0
  • 1 將邊距或內邊距設定為。 25rem (4px)
  • 2 將邊距或填滿設定為0.5rem (8px)
  • 3 將邊距或填滿設定為1rem (16px)
  • 4 設定邊距或padding 為1.5rem (24px)
  • 5 將邊距或邊距設定為3rem (48px)
  • auto 將邊距設定為auto

] 用法範例

Lorem ipsum

Lorem ipsum

此程式碼將class="mb-0" 應用於段落元素,刪除其下邊距。

其他資源

  • 有關更全面的信息,請參閱以下資源:
  • [Bootstrap 4.5 - 間距](https:/ /getbootstrap.com/docs/4.5/utilities/spacing/)

[w3schools:引導邊距與填滿類別](https://www.w3schools.com/bootstrap4/bootstrap_margin_padding.asp )How does the Bootstrap class \

最新教學 更多>

免責聲明: 提供的所有資源部分來自互聯網,如果有侵犯您的版權或其他權益,請說明詳細緣由並提供版權或權益證明然後發到郵箱:[email protected] 我們會在第一時間內為您處理。

Copyright© 2022 湘ICP备2022001581号-3