• Bootstrap styles in FLO

    professional development
    See Images > Bootstrap styling guide for how to style an image and caption
    This mock topic demonstrates styles you could use in your FLO site. The context for the mock up is professional development. Refer to the Bootstrap styling guide for how to configure all bootstrap styles. See Quotes for how to configure this specific style. The HTML editor has quick styles that do not require HTML code; bootstrap styling is useful if you want to use additional styles in your FLO site.

    Centre for Innovation in Learning and Teaching (CILT), Online Learning and Teaching team

    This topic examines professional development in the workplace. Scope includes changing trends, demographics, and cross-industry comparisons. 

    As an active learner you will have the opportunity to self reflect, communicate with others, provide peer feedback, and produce a professional artefact. 

    Image attribution: Creative Commons 3 - CC BY-SA 3.0, ImageCreator, Original author: Nick Youngson

  • Open allClose all

  • Key resources and links

    You could use buttons to draw attention to external links or resources that are important for students, so they can get there quickly.

  • Topic information

  • Orientation to this topic

  • Key concepts

  • Professional development in pictures

    Bootstrap example: image thumbnails

    A picture tells a story! We will develop an image map as part of this topic. So start collecting images (electronically) around professional development – what it means to you, or what it symbolises. We will share and talk about these images. Be careful about copyright – if you source an image on the internet, read the information around its usage carefully. 

    Here are some Flinders University images to get you started. They were resized outside of FLO (using image editing software) to 300 (width) x 200 (height) pixels.