Nine Square using Bootstrap (MUSC-1030_Ross Hagen) | Tana Esplin

Why we are including this example

This assignment gives students choices of methods to demonstrate proficiency.  The page is coded using Bootstrap. Bootstrap allows the elements to resize and reformat the layout according to the size of the screen. This is especially helpful for any course in which students may be using a device with a fairly small screen.

In the original assignment, each box linked to an assignment.  The assignment instructions were on the linked page.  This page is designed to be a navigation point for choosing.

The example below is from a Music History course.

In this activity you have some options - 9 of them in total! (For more information, see the assignment page for each option.) Choose ONE of them to do this week.

Please Note: You will have 6 different opportunities over the course of the semester to choose something from the 9 square, so you'll be able to work on a variety of different options. The only catch is that you can't repeat any of the options! Each week needs to be different. 

Click on a box.