...」。">
bootstrap清除浮動的方法:先開啟對應的程式碼檔案;然後透過為父元素新增「.clearfix」類別的方法清除浮動,語句如「
.. .」。
本教學操作環境:Windows7系統、bootsrap3.3.7版,Dell G3電腦。
透過為父元素新增 .clearfix 類別可以輕鬆清除浮動(float)。這裡所使用的是 Nicolas Gallagher 所創造的 micro clearfix 方式。此類也可以作為 mixin 使用。
使用方法如下:
...
.clearfix 類別如下:
// Mixin itself .clearfix() { &:before, &:after { content: " "; display: table; } &:after { clear: both; } } // Usage as a mixin .element { .clearfix(); }
推薦:《bootstrap影片教學》《css影片教學》
以上是bootstrap的清除浮動的詳細內容。更多資訊請關注PHP中文網其他相關文章!