Bootstrap – за адаптивен дизайн
Категория: Информационни технологии за деца
Учебно съдържание на курса
Добре дошли в Bootstrap
-
Защо именно Bootstrap
Първи стъпки с Bootstrap 5
-
Как работи?
-
Да включим Bootstrap в проекта ни
-
Използване на наши потребителски стилове
-
Bootstrap контейнери
-
По стилизирани контейнери
-
Grid системата на Bootstrap
-
Оформяне на градивните елементи с помощни класове
-
Упражнение с GRID – I част
-
Упражнение с GRID – II част
-
Упражнение с GRID – III част
Запознаване с основните елементи на Bootstrap
-
Карти с изображения
-
Навигация
-
Падащо меню в навигация. Настройки на навигация.
-
Бутони – с падащо меню
-
Списъци
-
Слайдери с изображения
-
Сгъваеми полета
-
Акордеонно меню
-
Модални(изскачащи) прозорци
-
Елегантни таблици
Примери
-
Grid System в примери
-
Примери за стилизиране на текст и заглавия с Bootstrap 5
-
Buttons – Bootstrap5 Examples
-
Images – Bootstrap5 Examples
-
Cards – Bootstrap5 Examples
-
Списъци в примери
-
Tables – Bootstrap5 Examples
-
Navbar – Bootstrap5 Examples
-
Accordion – Bootstrap5 Examples
-
Modals – Bootstrap5 Examples
-
Dropdowns – Bootstrap5 Examples
-
Tabs – Bootstrap5 Examples
-
Tooltips – Bootstrap5 Examples
-
Popovers – Bootstrap5 Examples
-
Collapse – Bootstrap5 Examples
-
Carousel – Bootstrap5 Examples
-
Icons – Bootstrap5 Examples