BcWidth
Description
The BcWidth utility provides predefined width, min-width, and max-width classes for consistent layout control. It includes fixed width values as well as responsive classes to adjust dynamically.
Standard Width Classes
bc-w-100
Sets the width to 100%.
bc-w-75
Sets the width to 75%.
bc-w-50
Sets the width to 50%.
bc-w-25
Sets the width to 25%.
bc-w-0
Sets the width to 0.
bc-w-auto
Allows the element to automatically adjust its width.
bc-w-inherit
Inherits the width from its parent element.
Minimum Width Classes
bc-win-w-100
Sets the minimum width to 100%.
bc-win-w-75
Sets the minimum width to 75%.
bc-win-w-50
Sets the minimum width to 50%.
bc-win-w-25
Sets the minimum width to 25%.
bc-win-w-0
Sets the minimum width to 0.
bc-win-w-auto
Allows the element to automatically adjust its minimum width.
bc-win-w-inherit
Inherits the minimum width from its parent element.
Maximum Width Classes
bc-wax-w-100
Sets the maximum width to 100%.
bc-wax-w-75
Sets the maximum width to 75%.
bc-wax-w-50
Sets the maximum width to 50%.
bc-wax-w-25
Sets the maximum width to 25%.
bc-wax-w-0
Sets the maximum width to 0.
bc-wax-w-inherit
Inherits the maximum width from its parent element.
Responsive Width Adjustments
For responsive layouts, use classes like 'bc-w-100-sm' or 'bc-w-50-lg' to modify the width at different breakpoints.