0

モーダルを使用してテーブルを表示します：

        <div class="modal-body">
            <form class="form-horizontal">
                <label><h5>dev</h5></label>
                <input type="text" class="input-xlarge" id="dconDev">
                <label><h5>speed</h5></label>
                <input type="text" class="input-xlarge" id="dconSpeed">
                <input type="button" class="btn" id="dconBut" onclick="$('#appBlock').fadeIn('normal'); $('#dcon').show(); addPort('dcon',$('#dconDev').val(),$('#dconSpeed').val())" value="Добавить">
                <table class="table table-condensed">
                    <thead>
                        <th>lbl</th>
                        <th>edizm</th>
                        <th>id</th>
                        <th>a</th>
                        <th>b</th>
                        <th>en_spar</th>
                        <th>spar</th>
                        <th>en_period</th>
                        <th>peiod</th>
                    </thead>
                    <tbody id="dconTable">
                        <th><input type="text" id="lbld"></th>
                        <th><input type="text" id="edizmd"></th>
                        <th><input type="text" id="idd"></th>
                        <th><input type="text" id="ad"></th>
                        <th><input type="text" id="bd"></th>
                        <th><input type="text" id="en_spard"></th>
                        <th><input type="text" id="spard"></th>
                        <th><input type="text" id="en_periodd"></th>
                        <th><input type="text" id="periodd"></th>
                    </tbody> 
                </table>
            </form>
        </div>
        <div class="modal-footer">
            <a href="#" class="btn" data-dismiss="modal">Close</a>
            <a href="#" class="btn btn-primary">Save changes</a>
        </div>
    </div>

モーダルをテーブル サイズに拡張したり、テーブルをモーダル ボーダーに合わせるにはどうすればよいですか? bootstrap.css のモーダル セクションを編集しようとしましたが、モーダルの新しい位置が中央にありません。また、テーブル内のタグに a のようなものを追加しようとしましたが、class="span4何もしないようです。ありがとう。

4

1 に答える 1

2

モーダル幅が 600px だとします。モーダルを center に配置するには、使用します

.modal { 左: 50%; マージン左: -300px; (幅の半分のマイナス;) }

于 2012-08-14T11:41:58.703 に答える