ブートストラップdata-spyが自分のnavbarをフルサイズにしません

<body> 
<nav class="navbar navbar-inverse" data-spy="affix" data-offset-top="197"> 
    <div class="container-fluid"> 
    <div class="navbar-header"> 
     <a class="navbar-brand" href="#">A09hopper.xyz</a> 
    </div> 
    <ul class="nav navbar-nav"> 
     <li class="active"><a href="#">Home</a></li> 
     <li><a href="#">Page 1</a></li> 
     <li><a href="#">Page 2</a></li> 
    </ul> 
    <ul class="nav navbar-nav navbar-right"> 
     <li><a href="#"><span class="glyphicon glyphicon-user"></span> Sign Up</a></li> 
     <li><a href="#"><span class="glyphicon glyphicon-log-in"></span> Login</a></li> 
    </ul> 
    </div> 
</nav> 
<div class="jumbotron" style="text-align:center;"> 
    <h1>Main Page</h1>  
    <p>This is the main page. Just like a contents page.</p> 
</div> 



<p id="demo"></p> 
<div> 
<p>Text</p> 
<p>Text</p> 
<p>Text</p> 
<p>Text</p> 
<p>Text</p> 
<p>Text</p> 
<p>Text</p> 
<p>Text</p> 
<p>Text</p> 
<p>Text</p> 
<p>Text</p> 
<p>Text</p> 
<p>Text</p> 
<p>Text</p> 
<p>Text</p> 
<p>Text</p> 
<p>Text</p> 
<p>Text</p> 
</div> 
</body>

これは私のコードです。ページの上部には全幅です。データスパイがキックすると、そのサイズのクアラーに移動し始めます。私はなぜ思う？これはCSSで解決できる場合は、誰かが何を修正する必要があると言うことができますし、私はそれを正しく得るまで私はそれを周りおもちゃになります。ブートストラップdata-spyが自分のnavbarをフルサイズにしません

出典

2017-02-01 M213081

コードをチェックして、この問題を修正このlink

を通過してください。

ご希望の場合はお手数ですが、

出典

2017-02-01 09:26:26 Sangrai

ありがとうございました。私はこのリンクを使用しましたが、トップビットを見ていないし、ちょうどそれにまっすぐに飛び込んだ。 – M213081

ブートストラップdata-spyが自分のnavbarをフルサイズにしません

答えて

関連する問題