从跨度出去的bootstrap文本框

Question

我正在为网站使用bootstrap。我面临一个奇怪的问题，文本框是从我定义的范围出来的。

这是代码                                                                                                       注册                                                    当我从这一行删除span6                   文本框位于div内。

Answer 1

这是在bootstrap中运行的干净代码的小提示...你可以看到问题已经消失，现在只需看看你希望它看起来如何帮助你修改代码以适当地达到这个方面bootstrap用法。

The Fiddle

我可以看到你没有使用12网格列系统正确使用bootstrap。也许您需要添加结束视图的图片，以便我们更好地了解如何帮助您。

您关心使用的输入type="textbox"并非真正有效。我认为您正在寻找输入type="text"

使用.span#来控制这些文本框的宽度非常简单（在＃中显示您的跨度编号）您可以将文本输入设置为span12，这将使它们成为全宽他们的父容器。

这是你的代码清理了一下

<div class="row-fluid">
  <div class="span12">
    <div class="span4">
      <input type="text"/>
    </div>
    <div class="span4">
      <input type="text"/>
    </div>
    <div class="span4">
      <button id="signup">Sign up</button>
    </div>
  </div>
</div>

另请注意，您的按钮和所有内容都在相互折叠，因为您的跨度数字没有正确累加。在span1中设置提交按钮太小，无法包含按钮。

最终，对此的答案将基于您希望这个区域看起来如何，同时还要考虑在较小的屏幕尺寸上，事物会叠加并且有点不同。

我会在您更新问题时更新我的​​答案，以便向我们展示您正在寻找的效果。