我正在使用 twitter bootstrap 构建一个 wordpress 网站(http://www.graditudemedia.com/),并在页脚中放置了一个联系表。当视口宽度大于 1215 像素时,它看起来很好,但列在其下方重叠。它不需要响应,所以我尝试删除 bootstrap-responsive.css 并且只会使列重叠而不管视口大小。一种菜鸟,任何帮助将不胜感激。这是表单代码:
<div id="contact">
<div class="container">
<div class="row">
<div class="span12 center">
<h2>Contact Us</h2>
</div>
</div>
<div class="row">
<div class="12 center">
<p>It’s about time you did something awesome with your brand. Let’s get started.<p>
<p> </p>
</div>
</div>
<div class="row">
<form class="span10 offset1">
<div class="controls controls-row">
<div class="span3">
<div class="input-prepend">
<span class="add-on">Name</span><input id="prependedInput" type="text">
</div>
<div class="input-prepend">
<span class="add-on">Email</span><input id="prependedInput" type="text">
</div>
<div class="input-prepend">
<span class="add-on">Phone</span><input id="prependedInput" type="text">
</div>
</div>
<div class="span3">
<div class="input-prepend">
<span class="add-on">Company</span><input id="prependedInput" type="text">
</div>
<div class="input-prepend">
<span class="add-on">Website</span><input id="prependedInput" type="text">
</div>
<div class="input-prepend">
<span class="add-on">Budget</span><input id="prependedInput" type="text">
</div>
</div>
<div class="span3">
<textarea class="span3" placeholder="Comments"></textarea>
</div>
</div>
<div class="span3 offset3 controls controls-row center">
<button class="btn btn-large btn-block btn-custom">Submit</button>
</div>
</div>
</div>
</div>
</div>