2016-07-22 30 views
0

ブートストラップ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 

は、誰かがラベルをクリックしたときにボタンがその背後にあるとのページにユーザーを取るように、私はこれらを組み合わせることができます方法はありますか?私が使用しなければならない特定のブートストラップコマンドがありますか?ご協力いただきありがとうございます。

+0

なぜボタンの代わりにタグを使用しないのですか? –

+0

'collasped'の代わりに 'collapsed'を使用してください –

答えて

0

申し訳ありませんが、私はここで間違いを犯しました。私はコードで折りたたんで使用されます。それはまだ分離されています。ボタンの代わりにタグを使用すると、それらをまとめますか?もしそうなら、私はどのようにブートストラップでそれをしますか?私はBootstrapを初めて使う人です。私は要件として最終的なプロジェクトに使用することを余儀なくされています。率直に言って、もしそれが私に任せていれば、それはより効果的なので、自分のレスポンシブルなCSSを作成したいと思います。ご協力いただきありがとうございます。

関連する問題