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 rows
- Bootstrap Grid Classes
- can be nested, the nested columns must be wrapped in .row as well
- all columns have float: left and position: relative styles
0 comments :