Forms 浮球在井中形成

Forms 浮球在井中形成,forms,twitter-bootstrap,Forms,Twitter Bootstrap,我想把两张表格放在一口井里,一张挨着另一张。我使用推特boostrap 这是我的密码 <div class="well"> <h3> Title </h3> <form method="post" class="form-horizontal"> <div class="control-group">

我想把两张表格放在一口井里,一张挨着另一张。我使用推特boostrap

这是我的密码

      <div class="well">
          <h3>
            Title
          </h3>
          <form  method="post" class="form-horizontal">
              <div class="control-group">
              <label class="control-label" for="select01">Label1: </label> 
              <select class="input-mini" id="select01">
                      (my options)
              </select>
            </div>
              <div class="control-group">
              <label class="control-label" for="input01">Label2: </label> 
                <input class="input-mini" id="input01">
            </div>
            <div class="control-group">
              <label class="control-label" for="select02">Label3: </label> 
              <select class="input-mini" id="select02">
                (myoptions)
              </select>
            </div>
          <div class="form-actions">
            <button type="submit" class="btn btn-primary">Submit</button>
          </div>
          </form>
          <form  method="post" class="form-horizontal">
              <div class="control-group">
              <label class="control-label" for="input02">Label3: </label> 
                  <input class="input-mini" id="input02">
              </div>
              <div class="control-group">
              <label class="control-label" for="input03">Label4: </label> 
                  <input class="input-mini" id="input03">
              </div>
          <div class="form-actions">
            <button type="submit" class="btn btn-primary">Submit</button>
          </div>

          </form>
</div>

如果我将表单包括在divs中,并添加一个带有float:left的样式,那么我的井会刹车并将表单从中移出。我尝试将span、divs、form放入表单中,但我无法找到一种方法将一个表单放在另一个表单旁边,而不破坏井。

尝试将表单包装在div中,以将内容与井隔离:


正如Billy Moat所说,您可以简单地将溢出属性添加到井中。我更喜欢将引导元素保持在其自然状态,以避免意外损坏。两种方法都有效

尝试将表单包装在div中,以将该内容与井隔离:


正如Billy Moat所说,您可以简单地将溢出属性添加到井中。我更喜欢将引导元素保持在其自然状态,以避免意外损坏。两种方法都有效

这是小提琴的起点。这里是如果我添加了div,以及breaks如何添加overflow:hidden到well div。应该可以修复它。谢谢。你的两个建议都是一样的!这是小提琴的起点。这里是如果我添加了div,以及breaks如何添加overflow:hidden到well div。应该可以修复它。谢谢。你的两个建议都是一样的!这就是为什么我喜欢堆栈溢出。谢谢你们两位!这就是为什么我喜欢堆栈溢出。谢谢你们两位!
<div class="well">
    <div style="overflow: hidden;">
    ... forms ...
    </div>
</div>