Bootstrap Modal, показывающий серый цвет и прогресс

у меня модальный бутстрап

<div id="responsive" class="modal" tabindex="-1" style="display: none;">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h4 class="modal-title">Responsive</h4>
    </div>
    <div class="modal-body">
        <div class="row">
            <div class="col-md-6">
                <h4>Some Input</h4>
                <p><input class="form-control" type="text"></p>
                <p><input class="form-control" type="text"></p>
                <p><input class="form-control" type="text"></p>
                <p><input class="form-control" type="text"></p>
                <p><input class="form-control" type="text"></p>
                <p><input class="form-control" type="text"></p>
                <p><input class="form-control" type="text"></p>
            </div>
            <div class="col-md-6">
                <h4>Some More Input</h4>
                <p><input class="form-control" type="text"></p>
                <p><input class="form-control" type="text"></p>
                <p><input class="form-control" type="text"></p>
                <p><input class="form-control" type="text"></p>
                <p><input class="form-control" type="text"></p>
                <p><input class="form-control" type="text"></p>
                <p><input class="form-control" type="text"></p>
            </div>
        </div>
    </div>
    <div class="modal-footer">
        <button type="button" data-dismiss="modal" class="btn btn-default">Close</button>
        <button type="button" class="btn btn-primary">Save changes</button>
    </div>
</div>

<button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#responsive">
    New Cash Account
</button>

когда я нажимаю, все становится таким смешным, почему? Помогите, пожалуйста!!!!

это приложение я в MVC 5 и с помощью загрузочных лесов

экран результатовкогда должно отображаться

когда он должен отображаться


bootstrap-modal asp.net-mvc-5 twitter-bootstrap-3
person LeBlues    schedule 19.03.2014    source источник
comment
Здесь работает нормально jsfiddle.net/3LWqf; у вас есть вызов ajax или что-то еще, что зависает приложение?   -  person Irvin Dominin    schedule 19.03.2014
comment
нет, у меня ничего нет, я думаю, это как-то связано с моими лесами mvc. но я не использую ничего отличного от стандартного, предоставляемого MVC 5.   -  person LeBlues    schedule 19.03.2014

Ответы (1)


arrow_upward
3
arrow_downward

Bootstrap 3 (поскольку ваш вопрос помечен) требует, чтобы modal-content был завернут в modal-dialog div..

<div id="responsive" class="modal" tabindex="-1" style="display: none;">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
               ...

Демо: http://www.bootply.com/123094

Индикатор выполнения может быть каким-то другим конфликтующим элементом на вашей странице.

person Zim    schedule 19.03.2014