Question

我使用modal来显示表格：

        <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的内容，这似乎没有做任何事情。感谢。

Answer 1

假设模态宽度为600px。要将模态定位在中心，请使用

.modal { 左：50％; margin-left：-300px; （负一半的宽度;） }

bootstrap：将表调整为模态大小

1 个答案: