bootstrap怎么清除浮動的樣式

在bootstrap中，可以利用“.clearfix”輔助類來清除浮動的樣式，輔助類是bootstrap提供的一組工具類，用于輔助項目的開發，只需要給需要清除浮動的元素設置類名為“.clearfix”即可，語法為“”。

本教程操作環境：Windows10系統、bootstrap5版、DELL G3電腦

bootstrap怎么清除浮動的樣式

bootstrap提供了一組工具類，用于輔助項目的開發

前臺用的是bootstrap做的，遇到需要清除浮動的，查過資料之后找到了個方法。

<div></div>

在需要清除浮動的地方加上這個就行了！

示例如下：

nbsp;html&gt;   <meta><title>Bootstrap?實例?-?清除浮動</title><link>?? <script></script><script></script><div> <div> ??????向左快速浮動 ???</div> ???<div> ??????向右快速浮動 ???</div> </div>  

輸出結果：

設置輔助類：

<div> <div> ??????向左快速浮動 ???</div> ???<div> ??????向右快速浮動 ???</div> </div>

輸出結果：

相關推薦：bootstrap教程

以上就是