Научитесь использовать Bootstrap 4, один из самых популярных фреймворков с открытым исходным кодом, который поможет вам в кратчайшие сроки построить функциональный дизайн и структуру.
Разделы курса:
Знакомство с Bootstrap 4. На этом этапе вы узнаете документацию Bootstrap, а затем узнаете, как Bootstrap решает общие проблемы с макетами, типографикой и кроссбраузерностью.
Респонсив сетка Bootstrap 4. Изучите компоненты и опции Bootstrap для разработки вашего проекта, включая контейнеры, сетевую систему и отзывчивые классы.
Использование компонентов Bootstrap. Научитесь использовать пользовательские стили Bootstrap для общих компонентов кода и задач пользовательского интерфейса, таких как navbars, кнопки, выпадающие меню, модальные окна и многое другое.
Создание форм с помощью Bootstrap 4. Изучите стили управления Bootstrap, варианты макета и пользовательские компоненты для создания стильных форм, которые выглядят последовательно во всех современных браузерах и устройствах.
Посмотреть больше
Урок 1.00:02:01
Rapid Development with Bootstrap
Урок 2.00:05:51
Introducing Bootstrap 4
Урок 3.00:03:50
Getting Started
Урок 4.00:08:16
Creating a Simple Page
Урок 5.00:04:27
Enhancing the Page
Урок 6.00:01:54
Introducing the Project
Урок 7.00:02:49
Layout in Bootstrap
Урок 8.00:04:52
How the Bootstrap Grid Works
Урок 9.00:07:29
Styling Content
Урок 10.00:06:46
Column Sizing
Урок 11.00:06:21
Column Ordering and Offsetting
Урок 12.00:08:38
Building a Navbar
Урок 13.00:02:43
Using Jumbotron to Showcase Key Content
Урок 14.00:04:59
Adding Buttons and Button Groups
Урок 15.00:04:18
Horizontal Navs and Dropdown Buttons
Урок 16.00:05:45
Displaying Content with Cards
Урок 17.00:05:19
Building the Schedule with a List Group
Урок 18.00:04:43
Displaying a Modal Window
Урок 19.00:04:29
Using ScrollSpy to Highlight Nav Links
Урок 20.00:08:57
Form Groups and Form Controls
Урок 21.00:06:14
Custom Form Controls for Cross-Browser Consistency