Здесь показаны различия между двумя версиями данной страницы.
Предыдущая версия справа и слева Предыдущая версия Следующая версия | Предыдущая версия | ||
bootstrap_modal_window [2013/10/06 15:22] admin |
bootstrap_modal_window [2013/10/06 17:44] (текущий) admin |
||
---|---|---|---|
Строка 81: | Строка 81: | ||
После того как наше модальное окно появилось, может возникнуть вопрос: как же его скрыть? Можно просто кликнуть за пределы окна, а можно добавить специальную кнопку, чем мы и займёмся. Для этого добавим элемент button в div модального окна: | После того как наше модальное окно появилось, может возникнуть вопрос: как же его скрыть? Можно просто кликнуть за пределы окна, а можно добавить специальную кнопку, чем мы и займёмся. Для этого добавим элемент button в div модального окна: | ||
- | ===== <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> ===== | + | <code php> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> </code> |
К данному элементу мы также добавили атрибут, начинающийся на data- для фокусирования кнопки на модальном окне. Это собственно всё, что нужно сделать, чтобы данная кнопка срабатывала. | К данному элементу мы также добавили атрибут, начинающийся на data- для фокусирования кнопки на модальном окне. Это собственно всё, что нужно сделать, чтобы данная кнопка срабатывала. | ||
- | |||
===== Эффект затухания ===== | ===== Эффект затухания ===== | ||
Строка 110: | Строка 109: | ||
- | Для того чтобы скачать только этот компонет Bootstrap-а, переходим на страницу скачивания и выбираем: | + | Для того чтобы скачать только этот компонет Bootstrap-а, переходим на [[http://twitter.github.com/bootstrap/customize.html|страницу скачивания]] и выбираем: |
Buttons из Base CSS | Buttons из Base CSS | ||
Строка 117: | Строка 116: | ||
Modals из jQuery plugins | Modals из jQuery plugins | ||
+ | |||
+ | ~~DISCUSSION~~ | ||
+ |