bootstrapのnavbar-brandをレスポンシブで表示した際に位置がずれてしまうのですが、なぜでしょうか。トップにもっていきたいです。
html
1 <div class="navbar-header"> 2 <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> 3 <span class="sr-only">Toggle navigation</span> 4 <span class="icon-bar"></span> 5 <span class="icon-bar"></span> 6 <span class="icon-bar"></span> 7 </button> 8 <a class="navbar-brand" href="#"></a> 9 </div>
css
1.navbar-brand{ 2width: 255px; 3height:70px; 4background-image: url(../assets/assets/img/banner.png); 5background-size: cover; 6margin-right: 50px;} 7 8@media (width: 768px) { 9.navbar-brand{ 10width: 50px; 11height:20px; 12background-image: url(../assets/assets/img/banner.png); 13background-size: cover; 14position:fixed; 15}
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2021/05/17 06:21
2021/05/17 06:22