👆Click Here to view Full video | #10 Alignment 🎯 in Bootstrap | Float, Center, Vertical Align.
Alignment in Bootstrap (Float, Clearfix, Center Align, Vertical Align)
#1. Float Utilities
Control the floating behavior of elements.
float-start: Floats an element to the left.
float-end: Floats an element to the right.
float-none: Removes float behavior.
Responsive variants: Use float-md-start, float-lg-end for specific breakpoints.
#2. Clearfix Utility
Clear floats and prevent layout issues.
clearfix: Clears floated content within a container.
Typically used when child elements are floated.
#3. Center Align
Horizontally center content using flex or block utilities.
text-center: Centers text within its container.
mx-auto: Centers a block-level element horizontally.
d-flex justify-content-center: Centers flexbox items horizontally.
#4. Vertical Align
Align elements vertically within a container.
align-top: Aligns content to the top.
align-middle: Aligns content in the middle.
align-bottom: Aligns content to the bottom.
#Bootstrap5 #AlignmentUtilities #WebDesign #FrontendDevelopment #Float #Clearfix #CenterAlign #VerticalAlign #CSSAlignment #responsivedesign