2016-07-21 7 views
0

他のすべてのページにはこのギャップがありません。私はブートストラップを使用していますが、初心者です。それはどういうことだと思いますか?連絡先フォームが正常に機能するため、ページ全体が正しくコーディングされていますか?モバイルデバイスにいるときに、フッターの下に非常に細い白い線が表示されます。私のページのうち2つはフッタの下に小さな隙間があります

<div class="section-md"> 
 
    <div class="container container-normal"> 
 
    <div class="row"> 
 

 
     <div class="col-md-6 col-sm-6 col-md-offset-3 col-sm-offset-3"> 
 
     <div class="panel panel-default"> 
 
      <div class="panel-body"> 
 

 
      <?php if (isset($_SESSION[ 'contact_success'])): ?> 
 
      <h2>Message Sent</h2> 
 
      <div class="alert alert-success"> 
 

 
       Your information has been received. We will contact you within 1 business day. 
 
      </div> 
 
      <a href="<?= site_url() ?>" class="btn btn-default">Back to Homepage</a> 
 
      <?php unset($_SESSION[ 'contact_success']) ?> 
 

 
      <?php else: ?> 
 

 
      <h1>Contact Us</h1> 
 
      <p class="text-muted">This is our contact page...</p> 
 
      <hr> 
 
      <div class="error-msg alert alert-danger cnt-error"> 
 
       <p>Please fill in all required fields.</p> 
 
      </div> 
 
      <form id="contact_form" action="<?= site_url() ?>contact/save" method="post"> 
 
       <div class="form-group"> 
 
       <label for="name" class="form-label">Your Name*</label> 
 
       <input id="cnt_name" type="text" class="form-control" name="name" placeholder="Your Name"> 
 
       </div> 
 

 
       <div class="form-group"> 
 
       <label for="email" class="form-label">Your Email*</label> 
 
       <input id="cnt_email" type="text" class="form-control" name="email" placeholder="[email protected]"> 
 
       </div> 
 

 
       <div class="form-group"> 
 
       <label for="subject" class="form-label">Subject*</label> 
 
       <input id="cnt_subject" type="text" class="form-control" name="subject" placeholder="This website rocks"> 
 
       </div> 
 

 
       <div class="form-group"> 
 
       <label for="message" class="form-label">Comments*</label> 
 
       <textarea id="cnt_message" class="form-control" name="message" rows="10" placeholder="Enter a few questions in here..."></textarea> 
 
       </div> 
 
       <div class="form-group"> 
 
       <button class="btn btn-primary">Submit</button> 
 
       <a href="<?= site_url() ?>" class="btn btn-default">Cancel</a> 
 
       </div> 
 
       <!-- /.form-group --> 
 
      </form> 
 
      <?php endif ?> 
 

 
      </div> 
 
     </div> 
 
     </div> 
 
    </div> 
 
    </div> 
 
</div> 
 
<!-- /.section-md -->

+0

このコードを試してみましょうあなたはcodepen jsfiddleを/作ることができます に余裕を持っていたと思いますか? –

+0

私が投稿したコードの外観によって、これを引き起こす原因となる間違いに気づくことができますか?私は混乱しています。なぜなら、10の他のページのように、モバイルデバイスでしか見えないフッタの下にこの小さな隙間がないからです。 –

答えて

0

私はあなたのは

body{ 
 
    margin: 0; 
 
}

+0

これをcustom.cssに追加しますか? –

+0

はい、もちろんです!これをあなたのcustom.cssの上に追加することができます – Kawatare267

+0

私が言ったように、私のページのほとんどはこの問題がありません。 custom.cssに追加すると、すべてのページが影響を受けます: –

関連する問題