0

我正在使用引导程序包装并尝试构建一个看起来有些不错的注册页面。我以为我的样式正确，但是当我重新缩放页面时，我调整了表格的大小，表格没有响应。

我知道在 bootstrap3 中他们添加了表响应能力，但我不能在这个特定的包装中使用它。bootstrap2 中是否有任何技巧可以帮助解决此问题？

这是我正在使用的 jsFiddle http://jsfiddle.net/MgcDU/6817/

我尝试了一些事情，例如添加span类，但这似乎根本没有帮助......它似乎只是让它变得混乱。

4

1 回答 1

1

通过使用表格进行布局，您击败了 Bootstrap 的要点。Bootstrap 已经为列提供了类。使用那些。

您可以在此处阅读更多信息：http: //getbootstrap.com/2.3.2/base-css.html#forms

要创建这样的布局，您可以执行以下操作。响应式不再是问题。您现在可以决定是要使用.row还是.row-fluid假设您正在使用 Bootstrap 2.x。

<div class="row">
  <div class="span4">Col 1</div>
  <div class="span4">Col 2</div>
  <div class="span4">Col 3</div>
</div>

这是一个演示： http: //jsfiddle.net/zH8gb/1/ - 确保视口足够宽，可以看到效果。拖动结果区域窗口将其放大。

于 2013-08-21T18:50:17.327 回答