Question

好的，在我的网站上我有两个btn-lg。页面顶部有一个按钮，下面有一个大表格（最初显示设置为无）。然后另一个btn-lg低于它下面的另一个大型表格（显示最初也设置为无）。点击按钮显示各自的表格。

我的困境是我想将页面上的按钮居中并显示现在的表格。我可以通过在其周围放置一个带有一类col-xs-12的div，并将div的text-align属性设置为center来使按钮居中。

这个问题是，当我使用按钮点击切换表单时，表单会在页面的右侧轻轻一瞥，看起来没什么好看的！在两个按钮周围添加div后，这只是一个问题。

我只在每个按钮周围放置div，而不是在表单周围。表单由表单组构成，它们都非常相似：

<div class="form-group">
  <label for="inputInsured" class="col-lg-2 control-label"> Name of insured(s)</label>
  <div class="col-lg-10">
    <input class="form-control" id="inputInsured" name="name" placeholder="" type="text">
  </div>
</div>

给表单唯一的定位是你在这个表单组中看到的col-lg-10和col-lg-2的类。（所有人都有）。

所以有人都知道这里发生了什么吗？

Answer 1

好的，我发现了问题。我的col-xs-12类没有包含在一行中。列需要行，否则您将遇到问题。本教程很好地解释了http://www.tutorialrepublic.com/twitter-bootstrap-tutorial/bootstrap-grid-system.php

理解这种关于定位的不必要的引导行为？

1 个答案: