これは私のindex.jadeファイルです
.navbar.navbar-fixed-top
.navbar-inner
。容器
.ブランド #{タイトル}
。容器
。行
ヒーローユニット
h1 #{タイトル}
p セレクターになれるクリケット ファンタジー ゲーム。
a.btn(data-toggle="modal", href="#myModal") 起動
div.modal.hide(id="myModal")
.modal-header
button(type="button", class="close", data-dismiss="modal") x
h3 モーダル ヘッダー
.モーダルボディ
p 立派な体一つ…
.モーダルフッター
これは私のlayout.jadeファイルです
!!!
html
頭
タイトル=タイトル
リンク (rel='stylesheet', href='/libs/bootstrap/css/bootstrap.css')
リンク (rel='stylesheet', href='/libs/bootstrap/css/bootstrap.min.css')
リンク (rel='stylesheet', href='/libs/bootstrap/css/bootstrap-responsive.min.css')
link(rel='stylesheet', href='/stylesheets/style.css')
体!= 体
script(src="/libs/bootstrap/js/bootstrap.js")
他のブートストラップ要素が機能していますが、次の指示に従うことができません-「javascriptを1行も書かなくても、ページでモーダルを簡単にアクティブ化できます。データターゲットを持つコントローラー要素に data-toggle="modal" を設定するだけですモーダル要素 ID に対応する ="#foo" または href="#foo" をクリックすると、モーダルが起動します。"
どうやってやるの ？