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.
Recommend
More recommend
