[ad_1]
https://i.ytimg.com/vi/QpSEss_cJY4/hqdefault.jpg
Full course at: https://goo.gl/vA45cf
Free Exercise Files: https://goo.gl/KjFWpQ
NOTE: this course uses Bootstrap 3. Dreamweaver has recently updated to Bootstrap version 4. You can change it back to 3 using the ‘New Document – Bootstrap – Preferences’. Please do this before starting the course.
Follow us on Instagram: https://www.instagram.com/bringyourownlaptop/
Follow me on Twitter: https://twitter.com/danlovesadobe
Follow us on Facebook: https://www.facebook.com/BringYourOwnLaptop/
Bootstrap Grid | Bootstrap Grid Tutorial |Dreamweaver Tutorial [7/54]
In this Bootstrap Grid Tutorial video Daniel Walter Scott (Dreamweaver Certified Instructor) showed how the Bootstrap Grid works and we’ll go through the basics of how the Bootstrap Grid works.
Bootstrap includes a responsive, mobile first fluid Grid system that appropriately scales up to 12 columns as the device or view-port size increases, Its called Bootstrap Grid. It includes predefined classes for easy layout options, as well as powerful mixins for generating more semantic layouts.
Check out the full Dreamweaver Tutorial (course) here: http://bit.ly/1Ti1seL
What is a Grid?
In graphic design, a Grid is a structure (usually two-dimensional) made up of a series of intersecting straight (vertical, horizontal) lines used to structure the content. It is widely used to design layout and content structure in print design. In web design, it is a very effective method to create a consistent layout rapidly and effectively using HTML and CSS.
To put in simple words, Grids in web design organize and structure content, makes the websites easy to scan and reduces the cognitive load on users.
What is Bootstrap Grid System?
Bootstrap 3 is mobile first in the sense that the code for Bootstrap now starts by targeting smaller screens like mobile devices, tablets, and then “expands” components and Grids for larger screens such as laptops, desktops.
Remember that Bootstrap Grid columns should add up to twelve for a row. More than that, columns will stack no matter the viewport.
Where from we can Learn More?
Please visit this link – http://bit.ly/1Ti1seL
Relevant Adobe Dreamweaver Tutorial Videos ~~~
Responsive Web Design Intro | Dreamweaver CC 2015 | Dreamweaver Tutorial (00/60) –
Make money building Responsive BootStrap websites using Dreamweaver | Dreamweaver Tutorial (01/60)
03/60 What is Dreamweaver | Dreamweaver Tutorial
04/60 What is Responsive Web Design | Dreamweaver Tutorial
05/60 What is Bootstrap | Dreamweaver Tutorial
Daniel Walter Scott,
Dreamweaver Certified Instructor.
Original source