响应式导航栏，带Bootstrap 2.3.2

Question

我在我的网站上使用Bootstrap 2.3.2。我试图做到100％响应（就像70％），所以，我想使用导航栏以小分辨率折叠。

这是我的代码：

[x1,y1,x2,y2,x3,y3;
 x4,y4,x5,y5,x6,y6;
....]

由于某种原因，span4和span8在480px宽度下无法正常工作。我不知道为什么span4占据整行宽度。

Answer 1

这个版本的bootstrap，横跨如下：

@media (max-width: 767px)

默认为100％宽度。您必须删除以下样式才能使跨度在此屏幕宽度以下工作。你需要找到下面并删除宽度：100％行。

    @media (max-width: 767px)
[class*="span"], .uneditable-input[class*="span"], .row-fluid [class*="span"] {
  float: none;
  display: block;
  width: 100%;
  margin-left: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}