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旋转木马布局
谢谢,但我希望标题和导航栏是固定的,而不是背景谢谢,但我希望标题和导航栏是固定的,而不是背景对我来说导航栏是固定的,旋转木马的图像不是对我来说导航栏是固定的,旋转木马的图像不是