Grid

Testing the advanced grid settings provided by Bootstrap4

Phone Size (xs)

This text should have .d-block and display: block applied xs to xl - Status: Passed
This text should have .d-inline and display: inline applied xs to xl  - Status: Passed
This text should have .d-inline-block and display: inline-block applied xs to xl - Status: Passed
This text should  have .d-none applied xs to xl  - Status: Passed 
This text should have .d-none d-md-block to have display: none applied below the md breakpoint - Status: Passed

Tablet Size (sm)

This text should have .d-sm-block and display: block applied sm to xl - Status: Passed
This text should have .d-sm-inline and display: inline applied sm to xl - Status: Passed
This text should have .d-sm-inline-block and display: inline-block applied sm to xl - Status: Passed
This text should have .d-sm-none and display: none applied sm to xl - Status: Passed
This text should have .d-sm-block d-lg-inline with display: block applied sm to md (lg to xl should have display: inline) - Status: Passed

Desktop Size (md)

This text should have .d-md-block and display: block applied md to xl - Status: Passed
This text should have .d-md-inline and display: inline applied md to xl - Status: Passed
This text should have .d-md-inline-block and display: inline-block applied md to xl - Status: Passed
This text should have .d-md-none and display: none applied md to xl - Status: Passed
This text should have .d-md-inline and display: inline applied md to lg (xl should have display: inline-block) - Status: Passed

Large Desktop Size (lg)

This text should have .d-lg-block and display: block applied lg to xl - Status: Passed
This text should have .d-lg-inline and display: inline applied lg to xl - Status: Passed
This text should have .d-lg-inline-block and display: inline-block applied lg to xl - Status: Passed
This text should have .d-lg-none and display: none applied lg to xl - Status: Passed
This text should have .d-lg-block d-xl-none and display: block applied to lg (xl should have display: none) - Status: Passed

Extra Large Desktop Size (xl)

This text should have .d-xl-block and display: block applied to xl only - Status: Passed
This text should have .d-xl-inline and display: inline applied to xl only - Status: Passed
This text should have .d-xl-inline-block and display: inline-block applied to xl only - Status: Passed
This text should have .d-xl-none and display: none applied to xl only - Status: Passed