ブートストラップ「折りたたみトグル」divは拡張されますが、契約は延期されません

My Bootstrap divは消費しますが、ブラウザで表示されると契約は取り消されます。ただし、Dreamweaverのビューでは問題ありません。誰もが同じ問題で、ここで取得するためのブートストラップ「折りたたみトグル」divは拡張されますが、契約は延期されません

<head> 
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
</head> 
<body> 
<div id="top-template-toolbar"> 
<ul> 
    <li><a class="btn btn-info" data-toggle="collapse" href="#demo"><b>Register</b><i class="fa fa-caret-down" aria-hidden="true"></i></a></li> 
    <li><a href="#"><b>My Account</b></a></li> 
    <li><a href="#"><b>Help centre</b></a></li> 
    <li><a href="#"><b>Branch Finder</b></a></li> 
    <li><a href="#"><b>Accessability</b></a></li> 
</ul> 
</div> 
<div id="demo" class="collapse"> 
<!--Content Goes Here--> 
</div> 
</body>

出典

2016-09-16 Anonymous

： - あなたが見ることができるように彼は、ページ内の二回のブートストラップを追加しています。

ブートストラップを追加した後にJqueryを追加すると、両方とも1回だけです。また、CSSクラスを使用するスクリプトがいくつかあるため、jsファイルの前にすべてのcssファイルを追加することをお勧めします。

出典

2016-10-31 08:49:03

トグル要素にdata-target属性がありません。

試してみてください。

<div id="top-template-toolbar"> 
     <ul> 
      <li><a class="btn btn-info" data-toggle="collapse" data-target="#demo" href="#demo"><b>Register</b><i class="fa fa-caret-down" aria-hidden="true"></i></a></li> 
      <li><a href="#"><b>My Account</b></a></li> 
      <li><a href="#"><b>Help centre</b></a></li> 
      <li><a href="#"><b>Branch Finder</b></a></li> 
      <li><a href="#"><b>Accessability</b></a></li> 
     </ul> 
    </div> 
    <div id="demo" class="collapse"> 
     Content 
    </div>

@ionutのspataru：彼は二回、ブートストラップを追加していません。一度そのjsと一度のcssのでthatsの罰金。

出典

2016-10-31 09:57:06

ブートストラップ「折りたたみトグル」divは拡張されますが、契約は延期されません

答えて

関連する問題