Javascript 如何在引导中修复导航栏和转盘图像滑块

Javascript 如何在引导中修复导航栏和转盘图像滑块,javascript,jquery,html,css,twitter-bootstrap-3,Javascript,Jquery,Html,Css,Twitter Bootstrap 3,我有一个带有导航条的标题和一个使用引导的旋转木马滑动图像 我怎样才能在卷轴上把这两个固定在一起 当用户滚动网站以查看信息时,导航栏和转盘仍固定在顶部,信息滚动在标题下 <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation"> <div class="container-fluid"> <!-- Brand and toggle get grou

我有一个带有导航条的标题和一个使用引导的旋转木马滑动图像 我怎样才能在卷轴上把这两个固定在一起 当用户滚动网站以查看信息时,导航栏和转盘仍固定在顶部,信息滚动在标题下

<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
        <div class="container-fluid">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>

            </div>
            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav">
                    <li>
                        <a href="index.html">Home</a>
                    </li>
                    <li>
                        <a href="aboutus.html">About Us</a>
                    </li>
                       <li>
                        <a href="services.html">Services</a>
                    </li>
                       <li>
                        <a href="factory.html">Factory</a>
                    </li>
                       <li>
                        <a href="projects.html">Projects</a>
                    </li>
                       <li>
                        <a href="client.html">Clients</a>
                    </li>
                       <li>
                        <a href="video.html">Video</a>
                    </li>
                    <li>
                        <a href="contactus.html">Contact Us</a>
                    </li>
                </ul>
            </div>
            <!-- /.navbar-collapse -->
        </div>
        <!-- /.container -->
    </nav>
    <div class="row">
     <img src="img/logo%20corner.png" class="center-block img-responsive imglogo">
    </div>
    <!-- Full Page Image Background Carousel Header -->
    <header id="myCarousel" class="carousel slide">
        <!-- Indicators -->
        <ol class="carousel-indicators">
            <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
            <li data-target="#myCarousel" data-slide-to="1"></li>
            <li data-target="#myCarousel" data-slide-to="2"></li>
        </ol>
        <!-- Wrapper for Slides -->
        <div class="carousel-inner">
            <div class="item active">
                <!-- Set the first background image using inline CSS below. -->
                <div class="fill" style="background-image:url('img/slide1.jpg');"></div>
                <div class="carousel-caption">
                </div>
            </div>
            <div class="item">
                <!-- Set the second background image using inline CSS below. -->
                <div class="fill" style="background-image:url('img/slide2.jpg');"></div>
                <div class="carousel-caption">
                </div>
            </div>
            <div class="item">
                <!-- Set the third background image using inline CSS below. -->
                <div class="fill" style="background-image:url('img/slide3.jpg');"></div>
                <div class="carousel-caption">
                </div>
            </div>
        </div>
        <!-- Controls -->
        <a class="left carousel-control" href="#myCarousel" data-slide="prev">
            <span class="icon-prev"></span>
        </a>
        <a class="right carousel-control" href="#myCarousel" data-slide="next">
            <span class="icon-next"></span>
        </a>
    </header>

切换导航

  • 如果我理解了,我会给你一个链接,在那里你可以找到你的幸福


    希望对你有所帮助:)

    如果我理解了,我会给你一个链接,在那里你可以找到你的幸福


    希望对您有所帮助:)

    我添加了完整的代码作为您文档的参考资源,因为您发布的是没有输入的股票引导模板。仔细检查并确保安装了最新的引导程序,并且正确链接了文件。下面我使用了CDN,但最好下载它

    确保具有固定标题导航的主要内容是以下代码:

    <div class="navbar-wrapper">
    <div class="container">
    <div class="navbar navbar-inverse navbar-fixed-top">
    
    
    
    您可以在下面的代码中找到上面的代码。如果你有任何问题,请告诉我

    
    无论什么
    
  • 引导3旋转木马布局
    我添加了完整的代码供您作为文档参考,因为您发布的是没有输入的stock bootstrap模板。仔细检查并确保安装了最新的引导程序,并且正确链接了文件。下面我使用了CDN,但最好下载它

    确保具有固定标题导航的主要内容是以下代码:

    <div class="navbar-wrapper">
    <div class="container">
    <div class="navbar navbar-inverse navbar-fixed-top">
    
    
    
    您可以在下面的代码中找到上面的代码。如果你有任何问题,请告诉我

    
    无论什么
    
  • 引导3旋转木马布局
    谢谢,但我希望标题和导航栏是固定的,而不是背景谢谢,但我希望标题和导航栏是固定的,而不是背景对我来说导航栏是固定的,旋转木马的图像不是对我来说导航栏是固定的,旋转木马的图像不是