bootstrap2表固定而不是响应

Question

我正在使用引导程序包并尝试构建一个看起来有点不错的注册页面。我以为我的设计风格正确，但是当我重新调整页面时，我调整了表格，表格没有响应。

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

以下是我使用http://jsfiddle.net/MgcDU/6817/

的jsFiddle

我尝试了一些诸如添加span类之类的内容，但这似乎没有任何帮助......它似乎只是混乱了。

Answer 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/ - 确保视口足够宽以查看功能。拖动“结果”区域窗口以放大它。