ブートストラップCSSフレームワークを初めて使用しました。私はページの上部にナビゲーションを作成しようとしています。私はnavbar collaspe collaspeコマンドを使用していますが、リンクボタンはラベルの下に区切られています。だから、ラベルをクリックするとページには行かないが、ラベルの下にあるボタンをクリックすると、そのページに送られる。私のコードは以下の通りです:ブートストラップナビゲーションでボタンとラベルを組み合わせる方法
<body class="text-center">
<nav class="navbar collasped collasped">
<div class="text-center">
<div class="container-fluid">
<div class="navbar-header">
</div>
<img class="navbar-left" alt="logo" src="Grandmaster_Hong_Logo.png">
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<div class="navigation">
<ul class="nav navbar-nav">
<li>Home <a href="HomePage.html"><button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only"></span></button></a></li>
<li>Events <a href="Events.html"><button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only"></span></button></a></li>
<li>Photos <a href="Photos.html"><button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only"></span></button></a></li>
<li class="active">Videos <a href="Videos.html"><button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only"></span></button></a></li>
<li>About Us <a href="About_Us.html"><button type="button" class="navbar- ` enter code here`toggle collapsed" data-toggle="collapse" aria-expanded="false">
<span class="sr-only"></span></button></a></li>
</ul>
</div>here
は、誰かがラベルをクリックしたときにボタンがその背後にあるとのページにユーザーを取るように、私はこれらを組み合わせることができます方法はありますか?私が使用しなければならない特定のブートストラップコマンドがありますか?ご協力いただきありがとうございます。
なぜボタンの代わりにタグを使用しないのですか? –
'collasped'の代わりに 'collapsed'を使用してください –