CSCI 3342 Web Development
Fall 2024

HTML and CSS

Twitter Bootstrap

The ease of soulless conformity.
Make a copy of your HTML page and use the Bootstrap UI Toolkit to give the copy a typical, professional look. Try to make it look like a very different take on the same content. Replace the link to your custom CSS with the Bootstrap CDN link (found on the Quick Start page) and use Bootstrap classes to style your page.
Bootstrap v5 Quick Start. Pay attention to the sections in the left-side navigation bar for Layout, Content, Forms, Components, and Utilities.

Assignment Checklist

Create a copy of your HTML page
<link> the Bootstrap CSS file from the CDN
Use the Grid Layout system
Use Components where possible, including your table(s) and list(s)
Use Utilities (colors, margins/padding, text features, etc)