私は自分のポートフォリオページ(2番目のプロジェクトは優しいので)に取り掛かりました。折りたたみボタンを使用して私のウェブページの他の部分へのリンクを表示するまですべてがスムーズに進んでいました。そして、ここで私が使用しているカスタムCSSれNavbar折りたたみボタンは展開しません
<body>
<div class="row">
<div class="col-md-12">
<div class="container">
<nav class="navbar navbar-inverse navbar-fixed-top">
<a href="#" class="navbar-brand Logo" id="Logo">
StruckCroissant
</a>
<button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".navHeaderCollapse"><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button>
<div class="collapse navbar-collapse navHeaderCollapse">
<ul class="nav navbar-nav navbar-right" id="Nav-List">
<li><a href="#">About Me</a></li>
<li><a href="#">Projects</a></li>
<li><a href="#">Contact Me</a></li>
</ul>
</div>
</nav>
</div>
</div>
そして:
.Logo{
font-size:20px;
color:white;
font-family:Monospace;
-webkit-transition:all ease 0.2s;
-moz-transition:all ease 0.2s;
-o-transition:all ease 0.2s;
transition:all ease 0.2s;
}
#Logo:hover{
font-size:20px;
color:green;
font-family:Monospace;
background-color:white;
border-color:white
}
#Nav-List{
padding-right:30px;
}
主に私の問題ここで
は、問題のコードです尻を得ているnを展開してリスト内の項目を実際に表示しますが、現在のところ、クリックだけでより明るくなります。ご協力いただきましてありがとうございます。前もって感謝します!