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 中编辑模态部分,但模态的新位置不在中心。我还尝试class="span4在表格内添加类似 a 的标签,这似乎没有任何作用。谢谢。

4

1 回答 1

2

假设模态宽度为 600px。要将模态定位在 center ,请使用

.modal { 左:50%; 左边距:-300px;(宽度的一半的负数;)}

于 2012-08-14T11:41:58.703 回答