登陆页面 - 移动中的部门重叠。网上很好

Question

我是编码的初学者。我设计了一个登陆页面。登陆页面在网站上看起来很好，但是在移动设备中部门重叠。请检查并建议如何解决这个问题？

Landing Page Link

提前致谢

Answer 1

height上有3px的{​​{1}}内联版。

删除它或将其设置为ul id="grids"，它应该正确堆叠。

Answer 2

你正在使用bootstrap，列必须用行类包装，行应该在容器或容器流体类中加以扭曲

<div class="container">
<div class="row">
<div class="col-md-12"></div>
</div>
</div>

OR

<div class="container">
  <div class="row">
    <div class="col-md-12">
      <div class="row">
        <div class="col-md-4"></div>
        <div class="col-md-8"></div>
      </div>
    </div>
  </div>
</div>

Answer 3

更改bootstrap导航使用这个[http://getbootstrap.com/examples/navbar/]它的响应和移动设备。