Bootstrap 4 Essential Training

Bootstrap 4 Essential Training (Updated)

Год выпуска: 2018
Производитель: Lynda
производителя: lynda/Bootstrap-tutorials/Bootstrap-4-Essential-Training/372545-2.html
Автор: Ray Villalobos
Продолжительность: 6h3m
Тип раздаваемого материала: Видеоклипы
Язык: Английский
Описание: Bootstrap-a front-end framework using HTML, CSS3, and jQuery-is designed to help developers quickly and easily build responsive, mobile-ready websites that are cross-browser compatible. An open-source framework, Bootstrap features a 12-column grid and components that are ready to use. In this course, Ray Villalobos helps you get started with Bootstrap by providing an overview of all of the goodies in this popular framework. Ray covers the installation options, and walks through the basic styles that normalize how your content is displayed on different platforms and browsers. He also explains how to use the flexbox grid system to build nearly any kind of layout you can dream up, use different classes to easily get around your project, work with interactive components like dropdowns and carousels, and more.
Topics include:
Creating a basic template
Reviewing basic styles and typography
Using colors with Bootstrap
Working with classes that help you deal with images
Working with grid containers
Offsetting columns
Using list groups to style lists, buttons, and links
Using breadcrumbs
Reviewing layout components
Using form styles
Working with interactive components

Содержание
-
Getting Started

08:52
Introduction
Предварительный просмотр

01:18
Installation options
Предварительный просмотр

04:20
Creating a basic template
Предварительный просмотр

03:14
-
Using Basic Styles

33:11
Basic styles overview
Предварительный просмотр

01:18
Basic typography

07:34
Typographic utilities

07:46
Blockquotes and lists

03:32
Using colors with Bootstrap

04:11
Work with images

08:50
-
Mastering Layout with Bootstrap

01:23:18
Layout overview
Предварительный просмотр

01:15
Containers and rows

09:03
Use columns

09:41
Multiple column classes

02:53
Offset columns

02:42
Nested columns

05:03
Custom order

03:43
Grid alignment options

08:23
Display properties

09:55
Flexbox container options

11:21
Individual flex elements

03:32
Floating elements

04:26
Margin and padding

04:51
Visibility

02:53
Sizing utilities

03:37
-
Using Navs and Navbar Components

47:50
Navbar overview

01:22
Create basic navigation

07:44
Create a navbar

08:56
Use branding and text

06:28
Add a dropdown to navigation

06:34
Add form elements

04:17
Control positioning

03:41
Create collapsible content

08:48
-
Style Element Overview

32:46
Basic style element overview

01:03
Create buttons

04:45
Button groups

04:46
Use badges

02:08
Progress bar styles

08:04
List groups

08:04
Breadcrumbs

03:56
-
Using Layout Component

34:28
Layout components overview

00:50
Add a jumbotron

03:01
Table styles

08:11
Basic card layouts

06:07
Card content classes

05:12
Card layouts

05:42
Use the media object

05:25
-
Using Form Styles

28:36
Form styles overview

00:39
Create a basic form

04:43
Checkboxes and radio classes

04:32
Size and validation styles

03:20
Multicolumn forms

08:30
Create input groups

06:52
-
Working with Interactive Components

01:09:35
Interactive component overview

01:24
Add tooltips

07:21
Display popovers

05:20
Create alerts

04:14
Use dropdowns

08:15
Add collapse accordions

12:00
Use modals

11:05
Build carousels

13:00
Use scrollspy

06:56

Файлы примеров: присутствуют
Формат видео: MP4
Видео: AVC, 1280x720, 16:9, 30fps, ~1000kbps
Аудио: AAC, 48kHz, 160kbps, stereo