Themes

Bismarck Public Schools has been using Moodle since 2008 and have probably have had progressed through four different themes since the first years. With the last theme being Essential serving us well and the longest; over the last three years.  There are many nice features with Essential that we have to workout with the new theme.

However there were a couple of reasons for the rebrand with a new theme.

1. Our website is being rebranded and there are many similarities between the Fordson and our new website which will launch in July. However we probably could make those changes with Essential, however with Fordson the similarities were too close to ignore.
2. The second reason is probably more important is that we want to use some of the benefits of Boost, that we feel will help bring more staff on board with the ease of navigation and other functionality that Boost offers.

The good news is that we still are using Moodle and our usage continues to grow. I think because we try to keep it fresh and updated. So thanks to Essential, which helped us the last three years. So we are just planning for the future use...

I think there's more to it than just the responsive cut-off points Chris.

The grid structure changed between BS2 and 3 and now in BS4 also incorporates flexbox layouts

BS2 uses span4, span6 etc

http://getbootstrap.com/2.3.2/scaffolding.html#gridSystem

While BS4 uses col-md-4, col-sm-6, col-lg2 etc.

http://v4-alpha.getbootstrap.com/layout/grid/

But, for reference, the grid cutoff scss variables are (from about line200 of the _variables.scss in the main bootstrap4 download):

// Grid breakpoints
//
// Define the minimum dimensions at which your layout will change,
// adapting to different screen sizes, for use in media queries.

$grid-breakpoints: (
  xs: 0,
  sm: 576px,
  md: 768px,
  lg: 992px,
  xl: 1200px
) !default;
@include _assert-ascending($grid-breakpoints, "$grid-breakpoints");
@include _assert-starts-at-zero($grid-breakpoints);


// Grid containers
//
// Define the maximum width of `.container` for different screen sizes.

$container-max-widths: (
  sm: 540px,
  md: 720px,
  lg: 960px,
  xl: 1140px
) !default;
@include _assert-ascending($container-max-widths, "$container-max-widths");