in English
Float
Toggle بىزنىڭ ئىنكاسچان لەيلىمە ئەسلىھەلىرىمىزنى ئىشلىتىپ ھەر قانداق ئېلېمېنت ، ھەر قانداق بۆسۈش ئېغىزىدا لەيلەيدۇ.
ئومۇمىي چۈشەنچە
بۇ پايدىلىق دەرسلەر CSS float
خاسلىقىنى ئىشلىتىپ نۆۋەتتىكى كۆرۈنۈش چوڭلۇقىغا ئاساسەن ، سول ياكى ئوڭغا ئېلېمېنت لەيلەيدۇ ياكى لەيلىتىشنى چەكلەيدۇ . !important
كونكرېت مەسىلىلەردىن ساقلىنىش ئۈچۈن ئۆز ئىچىگە ئالىدۇ. بۇلار تور سىستېمىسىغا ئوخشاش كۆرۈش نۇقتىسىنى ئىشلىتىدۇ. شۇنىڭغا دىققەت قىلىڭكى ، لەيلىمە دېتاللارنىڭ ئەۋرىشىم تۈرلەرگە ھېچقانداق تەسىرى يوق.
دەرسلەر
بىر سىنىپ بىلەن لەيلىمە باغلاڭ:
بارلىق كۆرۈنۈش چوڭلۇقىدا لەيلەپ قالدى
بارلىق كۆرۈنۈش چوڭلۇقىدا لەيلەڭ
بارلىق كۆرۈنۈش چوڭلۇقىدا لەيلەپ يۈرمەڭ
Mixins
ياكى Sass mixin تەرىپىدىن:
Responsive
float
ھەر بىر قىممەت ئۈچۈن مەسئۇلىيەتچان ئۆزگىرىشلەرمۇ مەۋجۇت .
چوڭ تىپتىكى SM (كىچىك) ياكى كەڭرەك مەنزىرىلىك رايونلاردا قالدى
چوڭ تىپتىكى MD (ئوتتۇراھال) ياكى كەڭرەك مەنزىرىلىك رايونلاردا قالدى
لەيلىمە شەكىلدىكى LG (چوڭ) ياكى تېخىمۇ كەڭ
چوڭ تىپتىكى XL (ئالاھىدە چوڭ) ياكى كەڭرەك كۆرۈنۈشلەردە قالدۇرۇلغان لەيلىمە
بۇ يەردە بارلىق قوللاش دەرسلىرى بار.
.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