Twitter bootstrap 引导静态导航栏滚动
我正在尝试创建我的第一个引导站点。让我困惑的是,为什么静态导航栏不能随页面滚动。这是密码。我将包括整个标题,以防下面的jumbotron正在做我看不到的事情Twitter bootstrap 引导静态导航栏滚动,twitter-bootstrap,navbar,Twitter Bootstrap,Navbar,我正在尝试创建我的第一个引导站点。让我困惑的是,为什么静态导航栏不能随页面滚动。这是密码。我将包括整个标题,以防下面的jumbotron正在做我看不到的事情 <header> <nav class="navbar navbar-default navbar-static-top" id="site-nav" role="navigation"> <div class="container">
<header>
<nav class="navbar navbar-default navbar-static-top" id="site-nav" role="navigation">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" 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>
<a class="navbar-brand" id="site-brand" href="#">Josef Roy Advincula</a>
</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="#about-me" class="jlinks"><span class="glyphicon glyphicon-user"></span>About Me</a></li>
<li><a href="#" class="jlinks"><span class="glyphicon glyphicon-paperclip"></span>Portfolio</a></li>
<li><a href="#" class="jlinks"><span class="glyphicon glyphicon-phone"></span>Contact Me</a></li>
</ul>
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
</nav>
<div class="jumbotron">
<div class="container">
<img src="img/profile_pic.jpg" class="img-responsive img-circle" alt="Josef Roy Advincula"/>
<hgroup>
<h1 class="text-center jumbo-header">Hi! I'm Josef</h1>
<h2 class="text-center jumbo-header">{ Web Developer/Programmer }</h2>
</hgroup>
</div>
</div>
</header>
切换导航
你好我是约瑟夫
{Web开发人员/程序员}
对不起,我误解了文档。通过使用修复了此问题
<nav role="navigation" class="navbar navbar-default navbar-fixed-top">
别难过,有时候,像我一样用谷歌搜索结果要比翻阅文档快得多。