2013-04-16 9 views
0

나는 트위터 부트 스트랩을 사용하여 WordPress 사이트 (http://www.graditudemedia.com/)를 만들고 바닥 글에 연락처 양식을 넣었습니다. 뷰포트가 너비가 1215 픽셀보다 크지 만 열이 그 너비보다 겹치면 잘 보입니다. 응답 성이 필요하지 않으므로 bootstrap-responsive.css를 제거하고 뷰포트 크기에 관계없이 열을 겹치게 만듭니다. 종류의 멍청한 놈, 어떤 도움을 주시면 감사하겠습니다. 여기에 양식 코드는 다음과 같습니다WordPress 양식 위반을위한 부트 스트랩

<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> 

답변

0

반응 형 CSS의 @import가있는 style.css에서 제거해야 않으며, 당신은 또한 header.php

+0

안녕하세요 덕분에 @ArleyM에서 <meta name="viewport" content="width=device-width, initial-scale=1.0">을 제거해야합니다. 나는 그 선을 없애려고했으나 거푸집은 없었다. – user783154

+0

나는 아직도 그것을 볼 수있다, 당신은 그것을 되돌려 놓았 느냐? 당신의 style.css는 여전히'@import url ('bootstrap/css/bootstrap-responsive.css')을 포함하고있다; ' – ArleyM

+0

나는 그것을 되돌 렸어. 한번 더보고 싶다면 다시 제거하겠습니다. – user783154