Bootstrap تور سىستېمىسى ئىچىدىكى قۇرۇلۇش بىلەن تونۇشۇش ئۈچۈن ئاساسىي تور ئورۇنلاشتۇرۇشى.
بۇ مىساللاردا .themed-grid-col
سىنىپ ئىستونغا بىر قىسىم باشتېمىلارنى قوشۇش ئۈچۈن قوشۇلدى. بۇ سۈكۈتتىكى Bootstrap دا بار دەرس ئەمەس.
Bootstrap تورى سىستېمىسىغا بەش قاتلام بار ، بىز قوللايدىغان ھەر بىر ئۈسكۈنىنىڭ بىرى. ھەر بىر دەرىجە ئەڭ تۆۋەن كۆرۈش ئۆلچىمىدىن باشلىنىدۇ ۋە ئېشىپ كەتمىسە ئاپتوماتىك ھالدا چوڭ ئۈسكۈنىلەرگە ماس كېلىدۇ.
ئۈستەل يۈزىدىن باشلىنىپ ، چوڭ ئۈستەل يۈزىگە كىچىكلىتىلگەن ئۈچ كەڭلىكتىكى ئىستونغا ئېرىشىڭ . كۆچمە ئۈسكۈنىلەر ، تاختا كومپيۇتېرلار ۋە تۆۋەندە ، ئىستونلار ئاپتوماتىك ساقلىنىدۇ.
ئۈستەل يۈزىدىن باشلىنىپ ، ھەر خىل كەڭلىكتىكى چوڭ ئۈستەللەرگە كىچىكلىتىڭ . ئېسىڭىزدە تۇتۇڭ ، كاتەكچە تۈۋرۈك يەككە گورىزونتال توسۇش ئۈچۈن ئون ئىككىگىچە قوشۇشى كېرەك. ئۇنىڭدىن باشقا ، كۆرۈنۈشلەر قانداق بولۇشىدىن قەتئىينەزەر ستونلار تىزىشقا باشلايدۇ.
ئۈستەل يۈزىدىن باشلىنىپ چوڭ ئۈستەلگە كىچىكلىتىلگەن ئىككى ئىستونغا ئېرىشىڭ .
تولۇق كەڭلىكتىكى ئېلېمېنتلار ئۈچۈن كاتەكچە دەرسلەر لازىم ئەمەس.
ھۆججەتكە ئاساسەن ، ئۇۋا قىلىش ئاسان - ھازىرقى ئىستونغا بىر قۇر ستون قويۇڭ. بۇ سىزگە ئۈستەل يۈزىدىن باشلىنىپ چوڭ ئۈستەلگە كېڭەيتىشتىن ئىبارەت ئىككى ئىستون بېرىدۇ ، چوڭ ئىستوننىڭ ئىچىدە يەنە ئىككى (كەڭلىك تەڭ).
كۆچمە ئۈسكۈنىلەرنىڭ چوڭ-كىچىكلىكى ، تاختا كومپيۇتېرلىرى ۋە ئاستى تەرىپىدە ، بۇ ئىستونلار ۋە ئۇلارنىڭ ئۇۋىسى بار.
Bootstrap v4 تور سىستېمىسىنىڭ بەش قاتلاملىق سىنىپى بار: xs (ئارتۇقچە كىچىك ، بۇ تۈردىكى infix ئىشلىتىلمەيدۇ) ، sm (كىچىك) ، md (ئوتتۇرا) ، lg (چوڭ) ۋە xl (قوشۇمچە چوڭ). سىز تېخىمۇ جانلىق ۋە جانلىق ئورۇنلاشتۇرۇش ئۈچۈن بۇ دەرسلەرنىڭ ھەر قانداق بىرىكمىسىنى دېگۈدەك ئىشلىتەلەيسىز.
ھەر بىر دەرىجىدىكى سىنىپلارنىڭ كۆلىمى كىچىكلەيدۇ ، يەنى md ، lg ۋە xl غا ئوخشاش كەڭلىكنى تەڭشەشنى پىلانلىسىڭىز ، پەقەت md نى بەلگىلىشىڭىز كېرەك.
Bootstrap v4.4 غا قوشۇلغان قوشۇمچە دەرسلەر مەلۇم بىر بۆسۈش ئېغىزىغىچە% 100 كەڭلىكتىكى قاچىلارغا يول قويىدۇ.