bootstrap3 modal 横幅いっぱい
2014年9月14日更新 view: 254 view
photoBy: http://media02.hongkiat.com/twitter-bootstrap/twi…
bootstrap3でmodalwindowを横幅いっぱいにするには?
まずはjs。coffeescriptだけど。
スポンサードリンク
#横長モーダル $(".modal-wide").on "show.bs.modal", -> height = $(window).height() - 200 $(this).find(".modal-body").css "max-height", height
modal本体
<div id="myModal" class="modal modal-wide fade"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title">ヘッダ</h4> </div> <div class="modal-body"> ボディ </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> </div> </div><!-- /.modal-content --> </div><!-- /.modal-dialog --> </div><!-- /.modal -->
modalを開くボタン
<a class="btn btn-primary" data-toggle="modal" data-target="#myModal"> Basic Modals </a>
スポンサードリンク
関連記事
関連カテゴリ

コロ助
web関連の記事や制作系の記事をどんどんまとめていきます。 宜しくお願いします!
ピックアップ
-
LINEで異性と出会う3つのコツ
view: 23407 view
パソコン・ソフトウェア ランキング
4月24日 ( 火 ) にアクセスが多かった記事はこちら!
-
世界で一番簡単なsakura vps で postfix を 使った メールの受信、送受信設定
view: 852 view -
cakephp mysql 自己結合
view: 484 view -
無料のタイピングソフトまとめ!
view: 155 view -
cakephp3FriendsOfCake/searchプラグインの日本一簡単な使い方
view: 329 view -
cakephp3.xCakeManagerで画像アップロード
view: 310 view -
さくらサーバープラン間でドメインを移動、移管する
view: 329 view -
twitterbootstrap アクティブなタブを取得
view: 1220 view -
jquerycookie.js配列で保存
view: 3274 view -
画面を簡単にキャプチャし、付箋代わりに使えるソフト
view: 155 view -
cakephp basics.php に最初に設定しとくべき11の関数
view: 854 view