Aims - Expected outcomes- Key concepts - Instructions Bootstrap CSS Components


The purpose of this module is to learn Bootstrap's components that are designed using pure CSS classes and apply these to improve your site.

Expected outcomes

Upon completion of this module, you should know / should be able to:

Submodule 4.1: Navigation - Icons

    • summarize the need for navigation support in a web project
    • use the Bootstrap navigation features including the Navbar and breadcrumbs in providing navigation support in websites
    • apply icon fonts for decorating your website with meaningful graphical elements


Submodule 4.2: Displaying Content - Media - Alerting Users

    • display and style tabular data in a table form using Bootstrap support for tables
    • display content using a card on a web page
    • include images and media in your website using responsive Bootstrap classes
    • use thumbnails and media components using Bootstrap classes
    • include and style labels, badges and alerts on your web page
Key concepts
    • Navigation bar
    • Breadcrumbs
    • Icon fonts
    • Tables
    • Cards
    • Images
    • Media
    • Labels
    • Badges
    • Alerts

In order to complete this module, you have to:

  • Study the resources provided for the 3 submodules
  • Test your knowledge by answering the Practice set on this module’s content
  • Implement and submit the assignment on this module’s content
  • Reflect if the outcomes of this Module have been achieved
  • Give us feedback on this module’s content

The estimated time to complete these activities is 3 hours.

Last modified: Thursday, 20 September 2018, 9:52 AM