ISTA 230 Introduction to Web Design (Spring 2017)

CSS Frameworks - Bootstrap

For this exercise, you'll be taking a set of basic HTML files without any CSS styling and will convert them to a fully responsive and styled website using the Bootstrap framework and Sass. All necessary files can be downloaded here.

Using your understanding of CSS frameworks and preprocessors, you are to perform the following tasks:

You are expected to modify both the CSS and HTML files for this exercise.

Sample Output:

Smaller-Sized Device View

Figure 1: Smaller device layout

Larger-Sized Device View

Figure 2: Larger-sized device layout

Solution

Solution can be downloaded here.