Курсы по программированию

Формула программиста

основатель — Волосатов Евгений Витольдович
Поздравляю с 1 сентября! Система начисления Байтов работает.

Портфолио на Bootstrap / Подробности в модальное окно

  • На этом уроке мы создадим подробное описание каждой работы нашего портфолио
    в модальном окне, а таже реализуем скачивание исходников или переход на сайт
    из записей портфолио
  • Дата отправки отчёта: 5 сентября 2018 г.
  • Задание выполнено: за 1 день 1 час. 1 мин.
  • Чему научился: это было натуральное Ватерлоо.
    Одно модальное открывалось, при попытке сделать второе, третье и т.д. экран покрывался серым фоном и браузер оживлялся лишь перезагрузкой страницы.
    Научился за эти сутки:
    Справа в NetBeans отыскивать места с ошибками в строках.
    Искать и находить пропущенные <  или >.
    Находить происхождение самой заковыристой ошибки, звучавшей так: End tag for "body" seen but there were unclosed elements.
    Оказалось, пропустил один закрывающий </div>
    Натурально, это был не урок, а битва с ошибками.
    Спасибо за урок, Валерий! Это было что-то ))))
  • Оценка видео-уроку:
Отчёт от 17947 за Портфолио на Bootstrap / Подробности в модальное окно


Отчёт от 17947 за Портфолио на Bootstrap / Подробности в модальное окно




Оцени работу

 
Сохранить страницу:

17606. --
Виктор
Виктор
ответить
→  Dmitry Sinitsin  # Портфолио на Bootstrap / Подробности в модальное окно / 2018-09-06 09:59

Главное помнить, что Бутстрап 4 сильно отличается от Бутстрапа 3 и теги там разные.


17947. --
Dmitry Sinitsin
Dmitry Sinitsin
ответить
# Портфолио на Bootstrap / Подробности в модальное окно / 2018-09-06 10:01

Компонент Modal нужен для отображения на веб-странице контента посредством модального окна.
В Bootstrap 3 и 4 представляет собой контейнер, который визуально отображается над остальным содержимым страницы.
Открытие нескольких модальных окон невозможно.
Если Вы прокручиваете вверх или вниз модальное окно в некоторых браузерах на iOS или Android
вместе с ним прокручивается и остальное содержимое страницы (содержимое элемента body).

Создание модального окна выполняется с помощью следующих строительных кирпичиков:
каркас - 3 блока div, имеющие классы .modal, .modal-dialog и .modal-content.

заголовок - блок div, имеющий класс .modal-header,

основное содержимое - блок div с классом .modal-body,

подвал - блок div с классом .modal-footer.

Разыскивая недостающие скобки и дивы столкнулся с нехваткой размера экрана ноута. Уже и полноэкранный режим сделаешь, и дерево проекта уменьшишь сколько позволяет NetBeans IDE 8.2, а всё равно скролить приходится богато. Большой экран - не роскошь, а средство передвижения по коду.


791. --
Валерий Жданов
Валерий Жданов
ответить
→  Dmitry Sinitsin  # Портфолио на Bootstrap / Подробности в модальное окно / 2018-09-07 13:26

Ооо... я помню, записывался он еще эмоциональнее...  во время записи этого урока я со стула падал...


  • Отчёт оценивали:
    6452Кирилл Шмойлов+1   18131Александр+1   10895Danil42Russia+1   Посетитель+1   9913vip+1   3922Александр+1   7119Новопашин Владимир+1   16218Дмитрий+1   17606Виктор+1   18493Evgenii Kudriavtcev+1   791Валерий Жданов+1   1Евгений Волосатов+1   16548Hofflin+1   19525Александр Балбашов+1   Посетитель+1  

Начинаем практику по языку C#





Если вы пришли без приглашения -
введите тысяча двадцать четыре (цифрами).
Чтобы стать хорошим программистом — нужно писать программы. На нашем сайте очень много практических упражнений.

После заполнения формы ты будешь подписан на рассылку «C# Вебинары и Видеоуроки», у тебя появится доступ к видеоурокам и консольным задачам.

Несколько раз в неделю тебе будут приходить письма — приглашения на вебинары, информация об акциях и скидках, полезная информация по C#.

Ты в любой момент сможешь отписаться от рассылки.


Научился: Научился делать модальные окна с помощью bootstrap. Научился делать красивые ссылки на скачивание с glyph-иконкой
=)


Научился: делать модальные окна с помощью bootstrap. Научился делать красивые ссылки на скачивание с glyph-иконкой