A Very Short Intro to Responsive Design Lecture 12 CGS 3066 Fall - - PowerPoint PPT Presentation

A Very Short Intro to Responsive Design

Lecture 12 CGS 3066 Fall 2016 November 10, 2016

Responsive Design

◮ Initially, web developers developed websites for particular

platforms.

◮ We got rid of platform based development with HTML 4, but

websites were still meant for full on dektop/laptop computers.

◮ With the proliferation of various portable web accessible

devices, including but not limited to phones and tablets, there is a need for responsive design.

◮ Responsive web design is about creating web sites which

automatically adjust themselves to look good on all devices, from small phones to large desktops.

What is Bootstrap?

◮ Bootstrap is a free front-end framework for faster and easier

web development.

◮ Bootstrap includes HTML and CSS based design templates

for typography, forms, buttons, tables, navigation, modals, image carousels and many other, as well as optional JavaScript plugins.

◮ Bootstrap also gives you the ability to easily create responsive

designs.

How to get Bootstrap

◮ We can download it. ◮ We can just use the CDN.

In order to use Bootstrap,

◮ Add the HTML 5 Doctype. ◮ Add the default information in the meta tag. ◮ Use containers to wrap site contents.