ಫ್ಲೋಟ್
ನಮ್ಮ ರೆಸ್ಪಾನ್ಸಿವ್ ಫ್ಲೋಟ್ ಉಪಯುಕ್ತತೆಗಳನ್ನು ಬಳಸಿಕೊಂಡು ಯಾವುದೇ ಬ್ರೇಕ್ಪಾಯಿಂಟ್ನಾದ್ಯಂತ ಯಾವುದೇ ಅಂಶದ ಮೇಲೆ ಫ್ಲೋಟ್ಗಳನ್ನು ಟಾಗಲ್ ಮಾಡಿ.
ಈ ಉಪಯುಕ್ತತೆಯ ವರ್ಗಗಳು CSS float
ಆಸ್ತಿಯನ್ನು ಬಳಸಿಕೊಂಡು ಪ್ರಸ್ತುತ ವ್ಯೂಪೋರ್ಟ್ ಗಾತ್ರವನ್ನು ಆಧರಿಸಿ ಎಡ ಅಥವಾ ಬಲಕ್ಕೆ ಒಂದು ಅಂಶವನ್ನು ತೇಲುತ್ತವೆ ಅಥವಾ ಫ್ಲೋಟಿಂಗ್ ಅನ್ನು ನಿಷ್ಕ್ರಿಯಗೊಳಿಸುತ್ತವೆ . !important
ನಿರ್ದಿಷ್ಟ ಸಮಸ್ಯೆಗಳನ್ನು ತಪ್ಪಿಸಲು ಸೇರಿಸಲಾಗಿದೆ. ಇವುಗಳು ನಮ್ಮ ಗ್ರಿಡ್ ಸಿಸ್ಟಮ್ನಂತೆ ಅದೇ ವ್ಯೂಪೋರ್ಟ್ ಬ್ರೇಕ್ಪಾಯಿಂಟ್ಗಳನ್ನು ಬಳಸುತ್ತವೆ.
ವರ್ಗದೊಂದಿಗೆ ಫ್ಲೋಟ್ ಅನ್ನು ಟಾಗಲ್ ಮಾಡಿ:
ಎಲ್ಲಾ ವ್ಯೂಪೋರ್ಟ್ ಗಾತ್ರಗಳಲ್ಲಿ ಎಡಕ್ಕೆ ಫ್ಲೋಟ್ ಮಾಡಿ
ಎಲ್ಲಾ ವ್ಯೂಪೋರ್ಟ್ ಗಾತ್ರಗಳಲ್ಲಿ ಬಲಕ್ಕೆ ತೇಲುತ್ತದೆ
ಎಲ್ಲಾ ವ್ಯೂಪೋರ್ಟ್ ಗಾತ್ರಗಳಲ್ಲಿ ತೇಲಬೇಡಿ
<div class="float-left">Float left on all viewport sizes</div><br>
<div class="float-right">Float right on all viewport sizes</div><br>
<div class="float-none">Don't float on all viewport sizes</div>
ಅಥವಾ ಸಾಸ್ ಮಿಕ್ಸಿನ್ ಮೂಲಕ:
float
ಪ್ರತಿ ಮೌಲ್ಯಕ್ಕೂ ಸ್ಪಂದಿಸುವ ವ್ಯತ್ಯಾಸಗಳು ಸಹ ಅಸ್ತಿತ್ವದಲ್ಲಿವೆ .
SM (ಸಣ್ಣ) ಅಥವಾ ಅಗಲವಾದ ವ್ಯೂಪೋರ್ಟ್ಗಳಲ್ಲಿ ಎಡಕ್ಕೆ ಫ್ಲೋಟ್ ಮಾಡಿ
MD (ಮಧ್ಯಮ) ಅಥವಾ ಅಗಲವಾದ ವ್ಯೂಪೋರ್ಟ್ಗಳಲ್ಲಿ ಎಡಕ್ಕೆ ಫ್ಲೋಟ್ ಮಾಡಿ
LG (ದೊಡ್ಡದು) ಅಥವಾ ಅಗಲವಾದ ವ್ಯೂಪೋರ್ಟ್ಗಳಲ್ಲಿ ಎಡಕ್ಕೆ ಫ್ಲೋಟ್ ಮಾಡಿ
XL ಗಾತ್ರದ (ಹೆಚ್ಚುವರಿ-ದೊಡ್ಡದು) ಅಥವಾ ಅಗಲವಾದ ವ್ಯೂಪೋರ್ಟ್ಗಳಲ್ಲಿ ಎಡಕ್ಕೆ ಫ್ಲೋಟ್ ಮಾಡಿ
<div class="float-sm-left">Float left on viewports sized SM (small) or wider</div><br>
<div class="float-md-left">Float left on viewports sized MD (medium) or wider</div><br>
<div class="float-lg-left">Float left on viewports sized LG (large) or wider</div><br>
<div class="float-xl-left">Float left on viewports sized XL (extra-large) or wider</div><br>
ಎಲ್ಲಾ ಬೆಂಬಲ ವರ್ಗಗಳು ಇಲ್ಲಿವೆ;
.float-left
.float-right
.float-none
.float-sm-left
.float-sm-right
.float-sm-none
.float-md-left
.float-md-right
.float-md-none
.float-lg-left
.float-lg-right
.float-lg-none
.float-xl-left
.float-xl-right
.float-xl-none