My Little Bootstrap Responsive Page

The aim of this experiment is to explore Bootstrap as a web presentation framework. Hopefully it will allow students to make schmick looking web pages without needing to know much CSS. We shall see how that goes. The aim is to create clean, responsive, accessible code - can they cope?

My First Major Heading

This is a RESPONSIVE division, that behaves well in multiple screen resolutions.

Style

The look and feel of the page is important, but containing FORMAT information with the content is generally considered bad

Contemporary design is done this way, Bootstrap is one way to do this.

Content

Conventional content uses standard tags for delimiting, the containing divisions then hijack these tags and style them accourding to bootstrap conventions

The content is KING, determining the style to emphasise this is a lifes work.

Widgets and Tricks

It is a rich world, the learning curve is non trivial, but making headway is important also.

It remains a work in progress.

Keyboard Inputs

To indicate input that is typically entered via the keyboard, use the kbd element:

Use ctrl + p to open the Print dialog box.

Success! Indicates a successful or positive action.
Info! Indicates a neutral informative change or action.
Warning! Indicates a warning that might need attention.
Danger! Indicates a dangerous or potentially negative action.