Bootstrap Tutorial for Beginners [2016]

[caovantan 42]

 

Bootstrap Tutorial for Beginners [2016]

MP4 | Video: AVC 1280x720 | Audio: AAC 44KHz 2ch | Duration: 2 Hours | Lec: 20 | 271 MB

Genre: eLearning | Language: English

 

This video series are for those who wants to learn bootstrap by starting and also for beginners

 

This course is about Bootstrap and its basic structure and classes and all that things which are really useful for who wants to work with this and don't have an idea about bootstrap.

 

by this course students will be able to work in development and designing.

 

This course is not too much long but all useful things are covered in this course.

 

Every web developer should know how to properly code a responsive website. Bootstrap 3 is an ultimate framework that learns you how to think when coding responsive websites and makes their creation much easier and faster.

 

Why we choose Bootstrap??

 

It's a very popular, well designed, open source UI framework

*

CSS wrappers for many javascript components

*modal windows, typeahead, tooltips, etc.

*

Mobile-first design

*Bootstrap 3.0 is in the vanguard of responsive, mobile-first UI design frameworks

This list of some Bootstrap classes with some description which i explained in this video series.container

 

sets fixed width to an element (which changes depending on a screen size to other fixed values, so it's still responsive)

a fixed width responsive website should be wrapped in .container

.container can't be nested!

.container-fluid

 

sets 100% width, margin-left and margin-right: auto, padding-left and padding-right: 15px

a full screen website should be wrapped in .container-fluid

.container-fluid can't be nested!

.row

 

creates horizontal groups of columns (which usually have width classes, see below)

must be within .container to ensure correct padding and alignment

only columns (block elements with width classes) may be immediate children of rowsBootstrap Grid Classescan be nested, the nested columns must be wrapped in .row as well

all columns have float: left and position: relative styles

 

Download link:

Ukryta Zawartość

Treść widoczna tylko dla użytkowników forum DarkSiders. Zaloguj się lub załóż darmowe konto na forum aby uzyskać dostęp bez limitów.

 

Links are Interchangeable - No Password - Single Extraction