Background BustOut

When you have a center or wide aligned Kinetic Wrapper but you want to stretch the background of it, you can enable Background Bust Out

When you select BustOut, the background of the wrapper will stretch to the selected direction. See example below:

The background of this wrapper stretches out to the right, since Background Bust Out (right) is applied

When you use the Bust Out ability, it’s best to make sure you are on a full width or no sidebar page to avoid any layout issues.

For example, this very page has a left sidebar and when we apply Bust Out left to the following wrapper, things would get messy.

To fix that, we have applied an overflow-hidden bootstrap utility class to the wrapper here so that the busted out wrapper doesn’t go off to the sidebar.

Houston, we have a problem!

Was this helpful to you?