Responsive Web Design

The special Bootstrap features I created on this responsive website are the Jumbotron fullwidth slider on the homepage and the collapsing menubar. The menu displays in full on a computer screen then scales down to an invisible menu on mobile. Another special feature is the Scrollspy menu on the Artists page which automatically moves to the content area associated with the menu selection.

Tools used:

  • HTML and CSS within the Bootstrap framework
  • Photoshop image editing, composition and optimization
  • Firefox Web Developer Tools
  • Setting up meta tags for Goggle Analytics
  • W3C Validation Service, HTML Checker
Bouquets to Art Responsive Web Design

The Bootstrap grid takes a little time to understand, but once it makes sense, it’s a fine way to lay out the web pages and media queries are built in so the layout looks good on any device.