/ / Bootstrap диалоговия прозорец не се показва на екрана "xs" - javascript, css, twitter-bootstrap, модален диалог, twitter-bootstrap-3

Диалоговият прозорец на Bootstrap не се показва на екрана "xs" - javascript, css, twitter-bootstrap, modal-dialog, twitter-bootstrap-3

На Bootstrap 3 сайт имам диалогов прозорец. Той винаги се отваря, когато се натисне съответният бутон. Въпреки това, бих искал също така да се отвори, когато се извиква от определена функция в Javascript:

$("#login").modal("show");

Този код работи на повечето екрани, но не работина мобилни устройства (размер на екрана "xs"). Не мога да разбера защо. Тук е минимално (ish) възпроизвеждане - преоразмеряване на прозореца за преглед и презареждане, за да видите какво имам предвид.

http://jsfiddle.net/u7KW6/

Отговори:

3 за отговор № 1

Проблемът изглежда се появява, защото сте поставили своя modal div вътре в твоя navbar-header, Ако го преместите извън този div като това Например, тя ще работи, както желаете.