如何使用 CSS 堆疊不同高度的 Bootstrap Div？

使用CSS 在Bootstrap 中堆疊不同高度的Div

在給定的佈局中，由於Bootstrap 的網格系統，垂直對齊這些div 仍然是一個挑戰。可以透過CSS解決這個問題，而不需要依賴插件。

.menu-category {
  float: left;
  clear: both;
  padding: 0;
}

透過套用這些樣式，類別將並排浮動，並且使用clear屬性，浮動將在每個類別之後清除。這可確保最佳堆疊。

要針對各種螢幕尺寸微調佈局，請使用Bootstrap 的實用程式類別：

.visible-sm, .visible-md, .visible-lg {
  display: block;
}

.visible-sm {
  clear: both;
}

此CSS 確保類別將堆疊在較小的螢幕上（例如，智慧型手機）並在大螢幕（例如平板電腦和桌上型電腦）上清除每個類別後的浮動。

以上是如何使用 CSS 堆疊不同高度的 Bootstrap Div？的詳細內容。更多資訊請關注PHP中文網其他相關文章！