تونۇشتۇرۇش
JsDelivr ۋە قېلىپ باشلاش بېتى بىلەن ئىنكاس قايتۇرۇشچان ، كۆچمە بىرىنچى تور بېكەت قۇرۇشتىكى دۇنيادىكى ئەڭ ئالقىشقا ئېرىشكەن رامكا Bootstrap دىن باشلاڭ.
تۈرىڭىزگە تېزلىكتە Bootstrap نى قوشماقچىمۇ؟ JsDelivr نى ئىشلىتىڭ ، jsDelivr دىكى كىشىلەر ھەقسىز تەمىنلەيدۇ. بوغچا باشقۇرغۇچىنى ئىشلىتىۋاتامسىز ياكى ئەسلى ھۆججەتلەرنى چۈشۈرۈش كېرەكمۇ؟ چۈشۈرۈش بېتىگە باشلاڭ.
CSS نى يۈكلەش ئۈچۈن ئۇسلۇب جەدۋىلىنى باشقا بارلىق ئۇسلۇب جەدۋىلىدىن بۇرۇن <link>
چاپلاڭ .<head>
نۇرغۇن زاپچاسلىرىمىز JavaScript ئىشلىتىشنى تەلەپ قىلىدۇ. كونكرېت قىلىپ ئېيتقاندا ، ئۇلار jQuery ، Popper.js ۋە ئۆزىمىزنىڭ JavaScript قىستۇرمىلىرىنى تەلەپ قىلىدۇ. ئۇلارنى قوزغىتىش ئۈچۈن تۆۋەندىكى <script>
s نى بەتلىرىڭىزنىڭ ئاخىرىغا قويۇپ قويۇڭ </body>
. jQuery ئالدى بىلەن ، ئاندىن Popper.js ، ئاندىن بىزنىڭ JavaScript قىستۇرمىلىرىمىز بولۇشى كېرەك.
بىز jQuery نىڭ نېپىز قۇرۇلمىسىنى ئىشلىتىمىز ، ئەمما تولۇق نەشرىنىمۇ قوللايدۇ.
قايسى زاپچاسلار jQuery ، بىزنىڭ JS ۋە Popper.js نى ئېنىق تەلەپ قىلىدۇ؟ تۆۋەندىكى كۆرسىتىش زاپچاسلىرى ئۇلانمىسىنى چېكىڭ. ئادەتتىكى بەت قۇرۇلمىسىغا قەتئىي ئىشەنمىسىڭىز ، ئۈلگە بەت قېلىپىنى ئوقۇپ بېقىڭ.
JavaScript تەلەپ قىلىدىغان زاپچاسلارنى كۆرسىتىڭ
- ئىشتىن بوشىتىش توغرىسىدا ئاگاھلاندۇرۇش
- ھالەتنى ئۆزگەرتىش كۇنۇپكىسى ۋە تەكشۈرۈش ساندۇقى / رادىئو ئىقتىدارى
- بارلىق تام تەسۋىر ھەرىكەتلىرى ، كونتروللىرى ۋە كۆرسەتكۈچلىرى ئۈچۈن كارۇسېل
- مەزمۇننىڭ كۆرۈنۈشچانلىقىنى ئۆزگەرتىش ئۈچۈن يىمىرىلىدۇ
- كۆرسىتىش ۋە ئورۇن بەلگىلەش ئۈچۈن چۈشۈش ( Popper.js نىمۇ تەلەپ قىلىدۇ )
- كۆرسىتىش ، ئورۇن بەلگىلەش ۋە سىيرىلما ھەرىكەتنىڭ مودېللىرى
- ئىنكاسچان ھەرىكەتلەرنى يولغا قويۇش ئۈچۈن يىمىرىلىش قىستۇرمىمىزنى كېڭەيتىش ئۈچۈن يولباشچى
- كۆرسىتىش ۋە ئورۇن بەلگىلەش قوراللىرى ۋە پوپايكىلار ( Popper.js نىمۇ تەلەپ قىلىدۇ )
- سىيرىلما ھەرىكەت ۋە يول باشلاش يېڭىلانمىلىرى
بەتلىرىڭىزنى ئەڭ يېڭى لايىھىلەش ۋە ئېچىش ئۆلچىمى بىلەن تەڭشەشكە كاپالەتلىك قىلىڭ. يەنى HTML5 تەلىماتىنى ئىشلىتىش ۋە مۇۋاپىق ئىنكاس قايتۇرۇش ھەرىكەتلىرى ئۈچۈن كۆرۈش مېتا بەلگىسىنى ئۆز ئىچىگە ئالىدۇ. ھەممىنى بىر يەرگە قويۇڭ ، بەتلىرىڭىز مۇنداق بولۇشى كېرەك:
بۇ پەقەت ئومۇمىي بەت تەلىپىگە ئېھتىياجلىق. تور بېتىڭىزنىڭ مەزمۇنى ۋە زاپچاسلىرىنى ئورۇنلاشتۇرۇشنى باشلاش ئۈچۈن Layout ھۆججىتى ياكى رەسمىي مىساللىرىمىزنى زىيارەت قىلىڭ .
Bootstrap بىر قانچە مۇھىم دۇنياۋى ئۇسلۇب ۋە تەڭشەكلەرنى ئىشلىتىدۇ ، ئۇنى ئىشلەتكەندە دىققەت قىلىشىڭىز كېرەك ، بۇلارنىڭ ھەممىسى ئاساسەن دېگۈدەك تور كۆرگۈچ ئۇسلۇبىنىڭ نورماللىشىشىغا قارىتىلغان. سۇغا شۇڭغۇپ باقايلى.
Bootstrap HTML5 تەلىپىنى ئىشلىتىشنى تەلەپ قىلىدۇ. ئۇ بولمىسا سىز بىر قىسىم قىزىقارلىق تولۇق بولمىغان ئۇسلۇبلارنى كۆرىسىز ، ئەمما ئۇنى ئۆز ئىچىگە ئالغاندا ئانچە چوڭ چاتاق چىقماسلىقى كېرەك.
Bootstrap ئالدى بىلەن كۆچمە تېلېفوننى تەرەققىي قىلدۇردى ، بۇ ئىستراتېگىيىدە بىز ئالدى بىلەن كۆچمە ئۈسكۈنىلەرنىڭ كودىنى ئەلالاشتۇرىمىز ، ئاندىن CSS مېدىيا سوئاللىرىدىن پايدىلىنىپ زاپچاسلارنى كېڭەيتىمىز. بارلىق ئۈسكۈنىلەرنىڭ مۇۋاپىق تەسۋىرلىنىشى ۋە سېزىمچانلىقىنى چوڭايتىشقا كاپالەتلىك قىلىش ئۈچۈن ، ئىنكاسچان كۆرۈنۈش مېتا بەلگىسىنى قوشۇڭ <head>
.
سىز بۇنىڭ ئۈلگىسىنى باشلىنىش قېلىپىدىن كۆرەلەيسىز.
CSS دىكى تېخىمۇ چوڭ رازمېر ئۈچۈن ، بىز دۇنيا box-sizing
قىممىتىنى content-box
ئۆزگەرتىمىز border-box
. بۇ padding
ئېلېمېنتنىڭ ئاخىرقى ھېسابلانغان كەڭلىكىگە تەسىر كۆرسەتمەيدۇ ، ئەمما ئۇ گۇگۇل خەرىتىسى ۋە Google ئىختىيارى ئىزدەش ماتورى قاتارلىق ئۈچىنچى تەرەپ يۇمشاق دېتاللىرىدا مەسىلە پەيدا قىلىدۇ.
كەم ئۇچرايدىغان ئەھۋال ئاستىدا ، ئۇنى بېسىپ ئۆتۈشكە توغرا كېلىدۇ ، تۆۋەندىكىدەك نەرسىلەرنى ئىشلىتىڭ:
يۇقارقى ئۈزۈندە ، ئۇۋا ئېلېمېنتلىرى ئارقىلىق ھاسىل قىلىنغان مەزمۇنلارنى ئۆز ئىچىگە ئالىدۇ ::before
ۋە ھەممىسى بۇنىڭ ئۈچۈن ::after
بەلگىلەنگەن ۋارىسلىق قىلىدۇ .box-sizing
.selector-for-some-widget
CSS Tricks دىكى ساندۇق مودېلى ۋە چوڭ-كىچىكلىكى توغرىسىدىكى تەپسىلاتلارنى بىلىڭ .
توركۆرگۈ ھالقىغان رەسىمنى ياخشىلاش ئۈچۈن ، بىز قايتا قوزغىتىش ئارقىلىق ئورتاق HTML ئېلېمېنتلىرىغا ئازراق پىكىرلىك ئەسلىگە كەلتۈرۈش بىلەن بىر ۋاقىتتا ، توركۆرگۈچ ۋە ئۈسكۈنىلەرنىڭ ماس كەلمەسلىكىنى تۈزىتىمىز.
Bootstrap نىڭ تەرەققىياتىدىن خەۋەردار بولۇپ ، بۇ پايدىلىق مەنبەلەر بىلەن جەمئىيەت بىلەن ئالاقىلىشىڭ.
- Twitter دىكى @getbootstrap غا ئەگىشىڭ .
- رەسمىي Bootstrap بىلوگىغا ئوقۇش ۋە مۇشتەرى بولۇش .
- IRC دىكى تورداشلار بىلەن پاراڭلىشىڭ.
irc.freenode.net
مۇلازىمېتىردا ، قانالدا##bootstrap
. bootstrap-4
يولغا قويۇش ياردىمى Stack Overflow (خەتكۈچ ) دىن تېپىلغان بولۇشى مۇمكىن .- پروگراممېرلار ئەڭ يۇقىرى بايقاش ئۈچۈن npm ياكى شۇنىڭغا ئوخشاش يەتكۈزۈش مېخانىزىمى
bootstrap
ئارقىلىق تارقاتقاندا Bootstrap نىڭ ئىقتىدارىنى ئۆزگەرتىدىغان ياكى قوشىدىغان ئورالمىلاردىكى ئاچقۇچلۇق سۆزنى ئىشلىتىشى كېرەك .
سىز ئەڭ يېڭى پىتنە-ئىغۋا ۋە قالتىس مۇزىكا سىنلىرى ئۈچۈن Twitter دىكى @getbootstrap غا ئەگىشىڭ.