刪除水平滾動條

Question

我正在創建一個模擬酒店網站，並向我的頁面添加了一個輪播以顯示不同地方的圖​​片。我希望圖片適合導航欄下的整個頁面。不過，當我創建「評分」面板時，我得到了一個水平滾動條。我能做些什麼來移除它？

小組正在<!--- Panel -->評論 https://codepen.io/anon/pen/BogMKq

Answer 1

可以使用溢出 - X：隱藏

Answer 2

#main-carousel { overflow: hidden; } 

這應該做的伎倆。

Answer 3

這是一個事實，即.row具有負保證金所致。如果將該div包裹在.container-fluid內，則水平滾動將消失。

.container-fluid將保持父元素的全寬，.container而不是具有隨媒體查詢而改變的最大寬度。

對於將來的使用，我建議適當地瞭解它的網格系統引導文件=）

Answer 4

網頁缺少一個包裹.container。

添加類container的包裝div並調整其max-width。