了解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_updp_margin_m)
以上是Bootstrap 類別「mb-0」如何影響元素的邊距?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

這是我們在形式可訪問性上進行的小型系列中的第三篇文章。如果您錯過了第二篇文章,請查看“以:focus-visible的管理用戶焦點”。在

CSS盒子陰影和輪廓屬性獲得了主題。讓我們查看一些在真實主題中起作用的示例,以及我們必須將這些樣式應用於WordPress塊和元素的選項。

Svelte Transition API提供了一種使組件輸入或離開文檔(包括自定義Svelte Transitions)時動畫組件的方法。


熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

AI Hentai Generator
免費產生 AI 無盡。

熱門文章

熱工具

禪工作室 13.0.1
強大的PHP整合開發環境

MantisBT
Mantis是一個易於部署的基於Web的缺陷追蹤工具,用於幫助產品缺陷追蹤。它需要PHP、MySQL和一個Web伺服器。請查看我們的演示和託管服務。

Dreamweaver CS6
視覺化網頁開發工具

Safe Exam Browser
Safe Exam Browser是一個安全的瀏覽器環境,安全地進行線上考試。該軟體將任何電腦變成一個安全的工作站。它控制對任何實用工具的訪問,並防止學生使用未經授權的資源。

PhpStorm Mac 版本
最新(2018.2.1 )專業的PHP整合開發工具