引导3选项菜单消失。
提问于 2016-09-06 16:45:43
我有一个由4列组成的表，使用Bootstrap 3网格系统。我使用的不是col-xs-*，它在移动环境中工作得很好，而是使用了col-md-*。原因很简单--在手机上，我不想让图标缩小得很小，希望它们在手机上更大更明显。当我为这些列从col-xs-*切换到col-md-*时，移动将自动将图标堆叠在网格中，并保持它们的大小--这正是我想要的。
好吧，一切都很好，除了，这使得文档宽度变得混乱了，选项菜单(用于移动设备/平板电脑的三条弹出菜单)消失了，因为它与文档宽度对齐，而不是视口宽度。
对于这个常见的问题，有人知道一个很好的CSS补丁吗？
回答 1
Stack Overflow用户
回答已采纳
发布于 2016-09-06 16:53:43
我找到了问题的原因。不是因为有反应栏。这是因为在我的响应列中，我在一个相对容器中进行绝对定位，这样我的P标记就可以对齐到一个框的底部，但是我的文本没有居中，所以我应用了以下方法：
.box P
{
position:absolute;
bottom:5px;
left:-50%;
right:-50%;
}当我这样做时，它导致选项菜单跳出屏幕。解决办法是，我像这样左转右转：
.box P
{
position: absolute;
bottom: 5px;
left:0;
right:0;
}这使P标记文本在响应列中居中，但仍然允许我在设置为position:relative的网格框中使用绝对定位。这导致文档宽度再次正常运行，从而重新出现“选项”菜单。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/39359739
复制相关文章
腾讯云开发者
