stage-4.md

Bootstrap for speedy design

Beginners Coding Workshop - Stage #4

Bootstrap - a web framework

A framework is a collection of reusable code and common design patterns for websites. No need to start from scratch.

Bootstrap comes with HTML and CSS to get your projects started. There are so many examples to follow in their documents.

Starting from scratch

Hello, Responsive design! Presented on Behance for 2017 Design Trends

Responsive design is presenting different layouts of a website in proportion to a device's screen size. This ability to adapt to different screen sizes is used with CSS Media Queries.

Bootstrap Walkthrough

https://getbootstrap.com

Bootstrap column examples

• https://codepen.io/chancesmith/pen/KWoyjX
• https://codepen.io/chancesmith/pen/ZerqZe

Next up

• stage 0 - Hello, World Wide Web
• stage 1 - Let's learn HTML
• stage 2 - Beautiful pages with CSS
• stage 3 - Sketch your idea
• stage 4 - Bootstrap for speedy design
• stage 5 - Build your site