Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/redis/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 引导导航栏不会像粘性导航栏一样工作,我如何使其工作_Html - Fatal编程技术网

Html 引导导航栏不会像粘性导航栏一样工作,我如何使其工作

Html 引导导航栏不会像粘性导航栏一样工作,我如何使其工作,html,Html,我不能让导航栏作为这个类项目的粘性导航栏 <head> <meta charset="UTF-8"> <title>fish</title> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T

我不能让导航栏作为这个类项目的粘性导航栏

<head>
    <meta charset="UTF-8">
    <title>fish</title>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
    <script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
</head>

<body>
    <header>
        <img>
        <nav class="navbar sticky-top navbar-expand-lg navbar-light bg-light">
            <a class="navbar-brand" href="#"></a>
            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbarNavDropdown">
                <ul class="navbar-nav justify-content-end">
                    <li class="nav-item active">
                        <a class="nav-link" href="#">CLOSING COSTS <span class="sr-only">(current)</span></a>
                    </li>
                    <li class="nav-item dropdown">
                        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                            REALTOR RESOURCES
                        </a>
                        <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
                            <a class="dropdown-item" href="#">Live Transactional Support</a>
                            <a class="dropdown-item" href="#">Title Talk</a>
                            <a class="dropdown-item" href="#">Tutorials</a>
                            <a class="dropdown-item" href="#">Blog</a>
                        </div>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#">CONTACT</a>
                    </li>
                </ul>
                <a href="#" class="btn btn-primary btn-lg active" role="button" aria-pressed="true">SUBMIT CONTRACT</a>
                <a href="#" class="btn btn-secondary btn-lg active" role="button" aria-pressed="true">SIGN IN</a>
            </div>
        </nav>
    </header>
    <main>
        <div>

        </div>
        <p>
         Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repudiandae provident cumque distinctio, nulla beatae deserunt iusto saepe quae. Quas fugiat vero voluptatem, fuga, nostrum quibusdam labore ipsam voluptates dolores velit.   
        </p>
        <div>
  <p>
        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias consectetur consequatur veritatis accusamus blanditiis labore aspernatur quam! Repellendus delectus sint dolorem maxime natus, rem dolorum similique consectetur deserunt facilis explicabo.    
        </p>
        </div>
        <div>
  <p>
        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsam, ut, assumenda? Molestiae quidem eum ratione provident consequatur non quibusdam nesciunt nam aperiam numquam suscipit error optio, minus, doloribus quaerat exercitationem!    
        </p>
        </div>
        <div>
  <p>
         Lorem ipsum dolor sit amet, consectetur adipisicing elit. Soluta quaerat velit a adipisci id, sunt harum asperiores sit beatae pariatur rerum voluptatem ducimus libero ex. Tenetur voluptatum molestiae, possimus atque!   
        </p>
        </div>
        <div>
  <p>
           Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus commodi voluptatibus omnis adipisci, minus neque cum nesciunt itaque voluptate deserunt harum? Aliquam totam nemo, a explicabo tenetur, repudiandae vero voluptatem! 
        </p>
        </div>
        <div>
  <p>
          Lorem ipsum dolor sit amet, consectetur adipisicing elit. Libero perspiciatis laboriosam impedit, aliquid at temporibus aperiam voluptatum earum. Veniam natus quibusdam illo excepturi totam aliquam ratione ex fugiat, molestiae ipsam.  
        </p>
        </div>
        <div>
  <p>
         Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatem eveniet sed minus. Veniam voluptatum aut, reprehenderit exercitationem sequi nesciunt, error, ex aliquid numquam saepe hic asperiores quam dolorem, aspernatur inventore?   
        </p>
        </div>
        <div>
  <p>
        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Harum, necessitatibus sunt eius placeat, suscipit velit cumque distinctio eum quibusdam qui libero eos optio labore dolor beatae illum ipsa fugiat ratione. 
              Lorem ipsum dolor sit amet, consectetur adipisicing elit. Harum, necessitatibus sunt eius placeat, suscipit velit cumque distinctio eum quibusdam qui libero eos optio labore dolor beatae illum ipsa fugiat ratione. 
                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Harum, necessitatibus sunt eius placeat, suscipit velit cumque distinctio eum quibusdam qui libero eos optio labore dolor beatae illum ipsa fugiat ratione. 
                  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Harum, necessitatibus sunt eius placeat, suscipit velit cumque distinctio eum quibusdam qui libero eos optio labore dolor beatae illum ipsa fugiat ratione. 
                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Harum, necessitatibus sunt eius placeat, suscipit velit cumque distinctio eum quibusdam qui libero eos optio labore dolor beatae illum ipsa fugiat ratione. 
                      Lorem ipsum dolor sit amet, consectetur adipisicing elit. Harum, necessitatibus sunt eius placeat, suscipit velit cumque distinctio eum quibusdam qui libero eos optio labore dolor beatae illum ipsa fugiat ratione. 
                        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Harum, necessitatibus sunt eius placeat, suscipit velit cumque distinctio eum quibusdam qui libero eos optio labore dolor beatae illum ipsa fugiat ratione. 
                          Lorem ipsum dolor sit amet, consectetur adipisicing elit. Harum, necessitatibus sunt eius placeat, suscipit velit cumque distinctio eum quibusdam qui libero eos optio labore dolor beatae illum ipsa fugiat ratione. 
                            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Harum, necessitatibus sunt eius placeat, suscipit velit cumque distinctio eum quibusdam qui libero eos optio labore dolor beatae illum ipsa fugiat ratione. 
                              Lorem ipsum dolor sit amet, consectetur adipisicing elit. Harum, necessitatibus sunt eius placeat, suscipit velit cumque distinctio eum quibusdam qui libero eos optio labore dolor beatae illum ipsa fugiat ratione. 
                                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Harum, necessitatibus sunt eius placeat, suscipit velit cumque distinctio eum quibusdam qui libero eos optio labore dolor beatae illum ipsa fugiat ratione. 
                                  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Harum, necessitatibus sunt eius placeat, suscipit velit cumque distinctio eum quibusdam qui libero eos optio labore dolor beatae illum ipsa fugiat ratione. 

        </p>
        </div>
    </main>

</body>
<footer>

</footer>

</html>
Lorem ipsum dolor sit amet,奉献精英。普罗维登特共和国是一个享有最高荣誉的国家。比如说,伏鲁帕特姆、伏加、诺斯特姆·奎布斯丹和伊普萨姆·沃鲁帕特·多洛雷斯·维利特。

Lorem ipsum dolor sit amet,奉献精英。别名“真理之圣”指的是我们的劳动!驱蚊剂是一种天然的驱蚊剂,它能使人清楚地看到面部。

Lorem ipsum dolor sit amet,奉献精英。Ipsam,ut,assumenda?法定公积金非法定人数使用错误选项,减号,多洛里布资格证书!

Lorem ipsum dolor sit amet,奉献精英。解决方案是一种平等的权利,必须有一种特殊的权利来保护前自由主义者的权利!

Lorem ipsum dolor sit amet,奉献精英。我们的共同利益,减去我们的共同利益?阿利奎姆·托塔姆·尼莫,一个明确的特尼乌尔,维罗·沃鲁帕特姆共和国!

Lorem ipsum dolor sit amet,奉献精英。自由透视术是一种阻碍它的实验,在时间上是流动的。自然的威尼斯,不包括因行为而产生的不平等性,也不包括因行为而产生的不平等性。

Lorem ipsum dolor sit amet,奉献精英。沃鲁帕塔特姆·伊文尼特·塞德。是否存在以下情况,即是否存在错误,是否存在不可变现的金额?是否存在发明人?

Lorem ipsum dolor sit amet,奉献精英。首先,必须要有一个合理的环境,这是一个自由的选择。 Lorem ipsum dolor sit amet,奉献精英。首先,必须要有一个合理的环境,这是一个自由的选择。 Lorem ipsum dolor sit amet,奉献精英。首先,必须要有一个合理的环境,这是一个自由的选择。 Lorem ipsum dolor sit amet,奉献精英。首先,必须要有一个合理的环境,这是一个自由的选择。 Lorem ipsum dolor sit amet,奉献精英。首先,必须要有一个合理的环境,这是一个自由的选择。 Lorem ipsum dolor sit amet,奉献精英。首先,必须要有一个合理的环境,这是一个自由的选择。 Lorem ipsum dolor sit amet,奉献精英。首先,必须要有一个合理的环境,这是一个自由的选择。 Lorem ipsum dolor sit amet,奉献精英。首先,必须要有一个合理的环境,这是一个自由的选择。 Lorem ipsum dolor sit amet,奉献精英。首先,必须要有一个合理的环境,这是一个自由的选择。 Lorem ipsum dolor sit amet,奉献精英。首先,必须要有一个合理的环境,这是一个自由的选择。 Lorem ipsum dolor sit amet,奉献精英。首先,必须要有一个合理的环境,这是一个自由的选择。 Lorem ipsum dolor sit amet,奉献精英。首先,必须要有一个合理的环境,这是一个自由的选择。

您可以使用固定顶