Я работаю над формой, которая загружает контент из меню флажка.Добавить стиль в bootstrap modal content div
Если пользователь проверяет флажок, модальный всплывающий ботстрап v3.3.4 и выбранный контент отображаются в модальном формате.
Вот код, когда модальный закрыт:
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title" id="myModalLabel">My Modal Title</h4>
</div>
<div class="modal-body">
<div class="box">MY CONTENT IS HERE</div>
</div>
<div class="modal-footer">Footer text is here</div>
</div>
</div>
</div>
Когда модальный открыт, стиль добавляется к <div class="box">
как это: <div class="box" style="display: block;">
Я бы очень хотел, чтобы добавить больше стилей для этого div, но только тогда, когда модальная функция открыта. Откуда добавляется стиль? Я проверил файлы jquery.js и bootstrap.js и не могу понять это. Также попробовал различные, если утверждения бесполезны. то есть $('#myModal').is(':visible');
Большое спасибо за любые советы.
Просто бейте его в CSS, предоставляя правила после Bootstrap CSS называется, ваш CSS будет перезаписывать их. Поскольку (предположительно) модальный будет отображаться: none, вы, вероятно, могли бы добавить правила в модальное без их видимости до тех пор, пока не будет активен. – ggdx
Обратитесь к этому http://stackoverflow.com/questions/20854035/is-it-possible-to-customize-style-of-bootstrap-modal –
Если '.box' не отображается сначала, не можете ли вы просто добавить ваши стили к нему в вашем CSS? '.box {/ * Styles * /}' – Arg0n