Bootstrap 3選項菜單消失

Question

我有一個使用Bootstrap 3網格系統的4列表。我使用col-md-*來代替使用在手機上很好用的col-xs-*。原因很簡單 - 在手機上，我不希望圖標縮小非常小，並希望它們在手機上更大並且可見。當我從col-xs-*切換到col-md-*這些列時，手機會自動堆疊網格中的圖標，並將它們保持較大 - 這正是我想要的。

好了，一切都很好，只是不知何故這使得文檔寬度搞的一團糟，因爲它對準文檔寬度選項菜單（用於手機/平板電腦的三杆被彈菜單）消失，不視口寬度。

有誰知道這個常見問題的良好CSS修復？

Answer 1

我找到了我的問題的原因。這不是因爲響應式欄目。這是因爲我的敏感列裏面，我是做一個相對容器絕對定位，使我P標籤將對齊到盒子的底部，但後來我的文字並沒有集中，所以我應用此：

.box P 
{ 
position:absolute; 
bottom:5px; 
left:-50%; 
right:-50%; 
} 

當我這樣做時，它導致選項菜單跳出屏幕。整個解決方案，我切換左，右像這樣：

.box P 
{ 
position: absolute; 
bottom: 5px; 
left:0; 
right:0; 
} 

該中心的響應列內部的p標籤的文本，但仍然允許我使用網格的一個盒子，被設置爲內絕對定位position:relative。這導致文檔寬度再次正常工作，因此選項菜單重新出現。