如何使用 Bootstrap 建立可滾動式選單而不擴展其容器？

使用Bootstrap 的捲動選單- 選單擴充容器

問題

使用提供的方法使用Bootstrap 建立滾動選單導致滾動導致驅動選單在不擴展其容器時擴展其容器。如何解決此問題？

Bootstrap 5 的解

對於Bootstrap 5，請使用下列CSS：

.dropdown-menu {
    max-height: 280px;
    overflow-y: auto;
}

Bootstrap 4 的解

Bootstrap 4 的解

對於應用與上面相同的CSS。

Bootstrap 3 的替代解

或者，對於Bootstrap 3，加入以下CSS 和HTML：

.scrollable-menu {
    height: auto;
    max-height: 200px;
    overflow-x: hidden;
}

• Action
• Another action
• Something else here
• Action
• Another action

HTML

以上是如何使用 Bootstrap 建立可滾動式選單而不擴展其容器？的詳細內容。更多資訊請關注PHP中文網其他相關文章！