具有形式的boostrap模态

时间:2016-08-28 13:32:24

标签: twitter-bootstrap input bootstrap-modal

我有一张表格。在发送数据的按钮上我打开一个模态,但这里有一个问题

<div class="container ">
        <form id="partner" method="post">
        <div class="row vdivide">
            <div class="col-sm-5 text-left">
                <label>Dati anagrafici</label>
                <div class="form-group">
                    <div class="input-group">
                        <div class="input-group-addon">
                            <span class="glyphicon glyphicon-user"></span>
                        </div>
                        <input class="form-control" name="nome" type="text"
                               placeholder="Inserisci il tuo nome"/>
                    </div>
                </div>

                <div class="form-group">
                    <div class="input-group">
                        <div class="input-group-addon">
                            <span class="glyphicon glyphicon-user"></span>
                        </div>
                        <input class="form-control" name="congome" type="text"
                               placeholder="Inserisci il tuo cognome" aria-describedby="basic-addon1"/>
                    </div>
                </div>...more input

enter image description here

enter image description here

当我操作模态时,我在背景中看到了输入

编辑问题

<input class="form-control" name="prova" type="text"
                       placeholder="blabla"/>

----&gt;问题是类&#34; -form control&#34;,但如果我删除它,输入就像在照片中 enter image description here

<div class="modal fade bd-example-modal-lg" id="modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
     aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content modal-lg">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
                <h4 class="modal-title" id="myModalLabel">INFORMATIVA PRIVACY</h4>
            </div>
            <div class="modal-body">
                blabla
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">chiudi</button>
                <button type="button"  id="richiedi" class="btn btn-primary">Procedi con la richiesta</button>
            </div>
        </div>
    </div>
</div>

0 个答案:

没有答案