Bootstrap，用于wordpress表单破坏

Question

我正在使用twitter bootstrap建立一个wordpress网站（ http://www.graditudemedia.com/ ），并在页脚中放置了一个联系表。 当视口大于1215像素宽时，看起来不错，但列在该下方重叠。 它不需要响应，因此我尝试删除了bootstrap-sensitive.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>&nbsp;</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>

Answer 1

确实需要从style.css中删除响应CSS @import，然后还应该从header.php删除<meta name="viewport" content="width=device-width, initial-scale=1.0">