私はブートストラップを使用しています。下にスクロールすると、ナビゲーションバーが消えてしまいます。あなたが代わりにサイトを検査する、ここでのコードが必要な場合(それは少しのために、以下にもかかわらず。スクリーンショットを投稿するよりも、それは私のテストサイト上に置く方が簡単です。http://dev.melmsie.com/私のnavbarで何が間違っていますか?
、私に知らせてください。
ボーナス :?また、なぜ右(私は白を参照)
編集上のビットが欠けて私のメイン画像(野生の花)は次のとおりです。サイトの残りの部分を無視し、それが唯一の〜50%が
を行っています<body>
<div class="container-fluid">
<div class="main-section">
<nav class=" navbar navbar-default">
<div class="container-fluid col-md-12 col-xs-12">
<div class="headers-bfg">
<div class="navbar-header">
<a class="navbar-brand" href="#">BFG</a>
</div>
<div class="navbar-header">
<a class="navbar-brand col-xs-2" href="#"><i class="fa fa-heart" aria-hidden="true"></i></a>
</div>
</div>
<ul class=" nav navbar-nav ">
<li><a href="#">Balloons</a></li>
<li><i class="fa fa-small fa-circle" aria-hidden="true"></i></li>
<li><a href="#">Flowers</a></li>
<li><i class="fa fa-circle" aria-hidden="true"></i></li>
<li><a href="#">Gifts</a></li>
<li><i class="fa fa-circle" aria-hidden="true"></i></li>
<li><a href="#">Hours</a></li>
</ul>
</div>
</nav>
.navbar {
position: fixed;
width: 100%;
}
.nav {
float: right;
text-align: left;
font-size: 20px;
letter-spacing: .5px;
可能であれば、navbarのコードを追加することをお勧めします。 –
@the_grits done –