我有一个使用Bootstrap 3网格系统的4列表。我使用了col-xs-*，而不是使用在移动设备上运行良好的col-md-*。原因很简单 - 在移动设备上，我不希望图标缩小到非常小，并希望它们在移动设备上更大更明显。当我从这些列的col-xs-*切换到col-md-*时，移动设备会自动将图标堆叠在网格中并保持较大 - 这正是我想要的。
好的，一切都很好，除了某种方式这会使文档宽度搞乱，而选项菜单（手机/平板电脑的三栏式弹出式菜单）消失因为它＆＃ 39; s与文档宽度对齐，而不是视口宽度。
有没有人知道这个常见问题的CSS解决方案？
答案 0 :(得分：0)
我找到了问题的原因。这不是因为响应列。这是因为在我的响应列中，我在相对容器中进行绝对定位，以便我的 $table = 'user';
if(isset($_SESSION['memberID'])){
$table = 'admin';
}
标记对齐到框的底部，但是然后我的文本没有居中，所以我应用了这个： / p>
P当我这样做时，它导致选项菜单跳出屏幕。修复是我左右切换：
.box P
{
position:absolute;
bottom:5px;
left:-50%;
right:-50%;
}
这使得P标签文本集中在响应列中，但仍允许我在设置为.box P
{
position: absolute;
bottom: 5px;
left:0;
right:0;
}
的网格框内使用绝对定位。这导致文档宽度再次正常，因此选项菜单重新出现。