ブートストラップ 1.4.0 と jquery 1.7.2 を使用しています。背景がフェードするモーダル ウィンドウを作成しようとしています。モーダル ウィンドウは、javascript 関数を使用してロードする必要があります。
ここに私が持っているコードがあります:
<!-- Modal -->
<div id="error-dialog" class="modal hide fade">
<div class="modal-body">
<h1 class="exp-heading">Error</h1>
<p class="exp-para pad-btm"> {$meta.message}</p>
<!-- apps go here -->
<div class="clear"></div>
<!-- apps end here -->
</div>
<div class="modal-footer" align="center"><a href="#" data-controls-modal-close="error-dialog" ><img src="images/cancel_btn.png" alt="" border="0" align="middle" /></a> </div>
</div>
<script language="Javascript">
$('#error-dialog').modal('show');
</script>
モーダルは表示されていますが、背景はフェードインしていません。CSS ファイルはデフォルトの 1.4.0/bootstrap.css です。