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> </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>
안녕하세요 덕분에 @ArleyM에서
<meta name="viewport" content="width=device-width, initial-scale=1.0">
을 제거해야합니다. 나는 그 선을 없애려고했으나 거푸집은 없었다. – user783154나는 아직도 그것을 볼 수있다, 당신은 그것을 되돌려 놓았 느냐? 당신의 style.css는 여전히'@import url ('bootstrap/css/bootstrap-responsive.css')을 포함하고있다; ' – ArleyM
나는 그것을 되돌 렸어. 한번 더보고 싶다면 다시 제거하겠습니다. – user783154