1
A
回答
4
我刪除了.activeItem
的樣式,並引入了.activeItem:before
和.activeItem:after
的樣式。
.activeItem:before
繪製箭頭和.activeItem:after
繪製藍色背景。
我刪除了.dropdown-menu
的背景,因爲現在不需要了。
而且我還在.wrapper
中包裹了整個菜單。
這不是最優雅的代碼,但我沒有更好的主意。
這裏http://www.bootply.com/yiEGyUDYUF
看你還是需要在移動版本。
0
實際上,你可以使用vh
屬性指定的寬度相對於視:
例如:width: 100vh
相關問題
- 1. Bootstrap背景寬度填充
- 2. CSS拉伸水平菜單填充所有寬度
- 3. css獲取寬度和背景填充視口
- 4. 背景填充寬度,比例高度
- 5. 水平子菜單寬度受Safari上層菜單約束
- 6. 如何平等填充菜單項之間的填充以將菜單寬度拉伸至100%父div寬度?
- 7. 水平菜單子菜單
- 8. 填充窗口背景
- 9. 水平子菜單
- 10. 水平子菜單
- 11. 在CSS水平下拉菜單中爲子菜單項添加填充
- 12. CSS3背景角度的梯度上的寬屏變成水平
- 13. 沒有固定寬度的css水平子菜單
- 14. 無法顯示水平子菜單與垂直菜單使用背景img
- 15. 背景顏色不填充水平滾動下拉項目
- 16. 水平重複頁腳背景圖片填充瀏覽器窗口
- 17. 菜單背景固定寬度與CSS/JQuery菜單不工作
- 18. 填充剩餘的水平空間(或最大寬度),敷在最小寬度
- 19. 填充會導致水平滾動 - 它增加了寬度
- 20. 具有動態寬度的水平佈局以填充父項
- 21. 水平線填充
- 22. CSS水平導航,動態寬度按鈕,100%寬度,圖背景
- 23. 用位圖平鋪填充背景
- 24. 居中水平子菜單的CSS水平菜單
- 25. 水平菜單項與WPF中的水平子菜單
- 26. 垂直子菜單水平菜單
- 27. css菜單子菜單水平
- 28. CSS水平子菜單垂直菜單
- 29. CSS水平菜單,滑動子菜單
- 30. 水平'子菜單'導航
這做到了。這正是我試圖讓它工作的原理。謝謝你的協助! – 2014-09-19 14:24:39