Twitter引导程序在移动端没有响应

Question

我正在用bootstrap制作我的第一个网站，当我在桌面上工作时，一切都很好。

当我把它转到FTP并在我的手机上查看时，我注意到响应能力全乱了。navbar按钮不能看到，我必须把页面移到右边才能看到它，还有一些空白，这是没有意义的。

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

任何帮助都将非常感谢，因为这让我发疯。谢了。

Answer 1

从div id=“menu-section”的CSS中删除宽度:400px；。或者添加最大宽度:400px；。它是引入水平滚动的容器。

#menu-section {
  float: none;
  margin: 0 auto;
  padding: 20px;
  margin-top: 115px;
  background-color: #fff;
  height: 180px;
  text-align: center;
  border: 6px solid #EEE;
  max-width: 400px;
}