Ashish Chandra

CS 251 Lab - Outlab Assignment 1

July 22, 2017



Blockquote

This assignment attempts a grid-based responsive design.

This outlab assignment is great to learn bootstrap and to make responsive designs using it. The bootstrap library has several cool responsive classes which are very easy to implement.

Ashish Chandra


Photo Gallery

We have used .thumbnail class to display an image gallery.

We have used .caption class to add style around the thumbnail.

Click on the images to enlarge them.

Resize the window to see that as the window shortens the sidewise images shifts below so that you don't have to scroll horizontally.



Buttons

This is a simple button on clicking which you jump to the top of this page.


This is a group of justified buttons.
IIT Bombay IIT Delhi IIT Kanpur IIT Madras


Responsive Embed

This is to embed a responsive video presented by IITB scholar Diptesh Kanojia such that it scales itself properly with aspect ratio 16:9 on devices of different widths.



Responsive Carousel





This is the end of outlab assignment 1 of CS 251 Lab.
Submitted by : Ashish Chandra
Roll No : 05D05016
Date : 22 July 2017
Email : ashishchandra@cse.iitb.ac.in