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。这导致文档宽度再次正常工作，因此选项菜单重新出现。