bootstrap的清除浮動

bootstrap清除浮動的方法：先開啟對應的程式碼檔案；然後透過為父元素新增「.clearfix」類別的方法清除浮動，語句如「f763eb893dac385cb7a7b1e7550aa39e.. .16b28748ea4df4d9c2150843fecfba68」。

本教學操作環境：Windows7系統、bootsrap3.3.7版，Dell G3電腦。

透過為父元素新增 .clearfix 類別可以輕鬆清除浮動（float）。這裡所使用的是 Nicolas Gallagher 所創造的 micro clearfix 方式。此類也可以作為 mixin 使用。

使用方法如下：

<!-- Usage as a class -->
<div class="clearfix">...</div>

.clearfix 類別如下：

// Mixin itself
.clearfix() {
  &:before,
  &:after {
    content: " ";
    display: table;
  }
  &:after {
    clear: both;
  }
}
// Usage as a mixin
.element {
  .clearfix();
}

推薦：《bootstrap影片教學》《css影片教學》

以上是bootstrap的清除浮動的詳細內容。更多資訊請關注PHP中文網其他相關文章！