0

我创建了一个网站，当我刷新页面时，它一直将我引导到页面底部。我已经更改了导航栏，但我认为这不是问题所在。没有自动对焦...有谁知道如何解决这个问题？我创建了一个网站，当我刷新页面时，它一直将我引导到页面底部。我已经更改了导航栏，但我认为这不是问题所在。没有自动对焦...有谁知道如何解决这个问题？

<body>

  <section id="title">
    <div class="container-fluid">
  
  
      <!-- Nav Bar -->
      <nav class="navbar navbar-expand-lg navbar-dark">

        <a class="navbar-brand" href="">tindog</a>

        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarTogglerDemo02">
            <span class="navbar-toggler-icon"></span>
        </button>

        <div class="collapse navbar-collapse" id="navbarTogglerDemo02">

          <ul class="navbar-nav ml-auto">
            <li class="nav-item">
              <a class="nav-link" href="#footer">Contact</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="#pricing">Pricing</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="#cta">Download</a>
            </li>
          </ul>

        </div>
      </nav>
  
  
      <!-- Title -->
      <div class="row">
        <div class="col-lg-6">
          <h1 class="big-heading">Meet new and interesting dogs nearby.</h1>
          <button type="button" class="btn btn-dark btn-lg download-button"><i class="fab fa-apple"></i> Download</button>
          <button type="button" class="btn btn-outline-light btn-lg"><i class="fab fa-google-play"></i> Download</button>        </div>
        <div class="position-relative col-lg-6">
          <img class="title-image" src="images/iphone6.png" alt="iphone-mockup">
        </div>
      </div>
    </div>
  </section>

  <!-- Call to Action -->

  <section id="cta">

    <h3 class="big-heading">Find the True Love of Your Dog's Life Today.</h3>
    <button type="button" class="btn btn-dark btn-lg download-button"><i class="fab fa-apple"></i> Download</button>
    <button type="button" class="btn btn-light btn-lg download-button"><i class="fab fa-google-play"></i> Download</button>       

  </section>


  <!-- Footer -->

  <footer id="footer">
    <i class="fab fa-twitter sns-icon"></i>
    <i class="fab fa-facebook-f sns-icon"></i>
    <i class="fab fa-instagram sns-icon"></i>
    <i class="fas fa-envelope sns-icon"></i>
    <p>© Copyright 2018 TinDog</p>

  </footer>


</body>

</html>
4

0 回答 0