Bootstrap Modal Box content

Question

Я использую модальную рамку для отображения моей рекламной работы для своего портфолио. Модалы функционируют должным образом по большей части, но похоже, что контент внутри модалов блокирует мой навигатор вверху.

Без динамической загрузки содержимого, есть ли способ сделать контент модалов не мешающим navbar? Я попытался дать навигатору более высокий индекс z, но это, похоже, не помогло. Я дал модальный контент, а также modal.backdrop более низкий z-индекс, но, похоже, ничего не делает трюк.

Вот ссылка на страницу: http://0034191.netsolhost.com/ryancurtis/advertising.html

Это может с помощью легко исправить, но я попробовал все, что в моем наборе навыков. Я довольно новичок в бутстрапе.

Answer 1

Не делайте диалог модальным. Вы все же можете всплывать в диалоговом окне, но не делайте его модальным. Modal не позволяет пользователю видеть/взаимодействовать с тем, что лежит ниже.

Легче увидеть различие через this example из диалога jQueryUI (очень похожая система).

Я не владею бутстрапом, но, похоже, вы сделаете свой диалог предупреждением, а не моделью.

Обратите внимание, что вы можете смешивать/перемешать бутстрап с помощью jQueryUI, если вы этого хотите. Они оба работают поверх jQuery, просто включают обе библиотеки.

Answer 2

Почему вы не даете прокладку/верхний край для модальных? я думаю, его простое решение ..

<style> 
.modal {    
margin-top:50px; 
} 
</style> 

или JS

<script>  
{ 
    $("#myModal").animate({"width":"1100px","left":"30%"},3000,'easeInCirc'); 
} 
</script>