0

我正在使用 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>&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>
4

1 回答 1

0

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

于 2013-04-16T01:39:30.653 回答