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