在bootstrap中粘貼導航3個小屏幕

Question

我在Bootstrap 3中試圖複製getbootstrap網站上使用的垂直導航欄。雖然我遇到了一些問題，但我沒有找到很多可用的文檔。

這裏有一個bootply鏈接顯示你在哪裏我來自：http://bootply.com/77832

發行數量1是，如果我從大至小改變屏幕尺寸，我的導航是現在在我的文字。但在自舉網站上，導航會移動到屏幕的頂部，並且文本會落入該位置。我該如何修復這種響應性，以便在小屏幕上調整大小或查看它不會破壞佈局？

發行編號2是化妝品。我希望導航上的漂亮粉紅色背景填充整個容器，而不僅僅是文本的寬度。所以我想，嘿，對這個壞男孩拋出一個寬度：100％，你就全都定了。我認爲它會填滿包含它的col-md-3的100％，但它實際上佔據了屏幕寬度的100％。爲什麼它會延伸出它所在的col-md-3，我如何才能達到理想的外觀？

Answer 1

對於＃2，問題是UL有一個位置：fixed，所以它排除了它自己對其父寬度的瞭解。基本上，它將身體視爲父母，因此寬度：100％將使其與頁面一樣寬。

對於＃1，當頁面變小時，您可能需要查看導航頁面「不粘貼」的頁面。