Working examples

This is not a Government of Canada website

The purpose of this website is to provide a working example of the WET-BOEW-Moodle theme created by TNG Consulting Inc. together with the Government of Canada. Demo courses are only available in English however multi-language courses are supported.

Reflowing content around grids - has minor issue

Style guide information

Compatibility note

The pull-left and pull-right classes are not 100% compatible with standard WET and Bootstrap frameworks. The Moodle row class has the display style set to flex, not block. Unfortunately the Float display style using by pull-left and pull right, does not work inside of a flex container. To enable pull-left and pull-right to work as expected, you must enclose these in a block style container. For example, you can either add d-block to <div class="row d-block">...</div> or add an extra div wrapper like <div class="row"> <div class="d-block">...</div> </div>.

Appearance

No reflow (default grid behaviour):

Float (pull) left

Reflowing content around grids. Reflowing content around grids. Reflowing content around grids. Reflowing content around grids. Reflowing content around grids. Reflowing content around grids. Reflowing content around grids.

Float (pull) right

Reflowing content around grids. Reflowing content around grids. Reflowing content around grids. Reflowing content around grids. Reflowing content around grids. Reflowing content around grids. Reflowing content around grids.

Last modified: Wednesday, 11 December 2019, 12:23 AM
Date modified: