1

Twitter Bootstrapを使用して簡単なレスポンシブページを作成しました:http://jsfiddle.net/5YNmm/3/

レスポンシブナビゲーションと折りたたみトグルは、FFとChromeで1回だけ機能します。IEでは、これらは完全に機能します。

折りたたみの例は、ブートストラップサイトからコピーされます。

<button type="button" class="btn btn-danger" data-toggle="collapse" data-target="#demo">Press me to toggle</button>
<div id="demo" class="collapse in"> Collapsible Content, initially shown </div>

私は他のjsを含めていないので、ここでエラーになることはありません。ここでBootstrap nav-collapseが1回トグルするか、ここでtwitter-bootstrap Collapseが最初のクリック後に機能を停止します。ここで、$。support.transitionは別のライブラリによってオーバーライドされます。

アドバイスをよろしくお願いします!

4

1 に答える 1

2

cssファイルの何か。このフィドルの更新で行ったのは、2 つの css ファイルを削除することだけです (明らかにフィドルに読み込まれていませんでした)。

<link rel="stylesheet" type="text/css" href="./bootstrap_files/stylesheet_427bb03fe1.css" media="all">
<link rel="stylesheet" type="text/css" href="./bootstrap_files/frontend.css" media="all">

ブートストラップCDNでホストされているCSSファイルに置き換えます

<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.2.1/css/bootstrap-combined.min.css" rel="stylesheet">

そして、ChromeとFirefoxでうまく折りたたんだり展開したりできます。フィドル リンクはこちら: http://jsfiddle.net/5YNmm/6/

css ファイルにアクセスできなければ、これ以上のことは言えませんが、うまくいけば、これで正しい方向に進むはずです!!

于 2012-11-14T11:49:08.340 に答える