Sava lalana
Atombohy amin'ny Bootstrap, rafitra malaza indrindra eran-tany amin'ny fananganana tranokala mandray andraikitra, voalohany amin'ny finday, miaraka amin'ny jsDelivr sy pejy fanombohana môdely.
Mitady hampiditra haingana ny Bootstrap amin'ny tetikasanao? Ampiasao ny jsDelivr, omen'ny olona ao amin'ny jsDelivr maimaimpoana. Mampiasa mpitantana fonosana sa mila misintona ireo rakitra loharano? Mankanesa any amin'ny pejy fampidinana.
Adikao-mametaka ao amin'ny takelakao ny stylesheet <link>
alohan'ny <head>
hafa rehetra hampidirana ny CSS.
Maro amin'ireo singantsika no mitaky ny fampiasana JavaScript mba hiasa. Indrindra indrindra, mitaky jQuery , Popper.js , ary ny plugins JavaScript antsika manokana izy ireo. <script>
Apetraho eo akaikin'ny faran'ny pejinao ireto s manaraka ireto, alohan'ny </body>
marika famaranana, mba hahafahan'izy ireo. Ny jQuery dia tsy maintsy tonga aloha, avy eo Popper.js, ary avy eo ny plugins JavaScript.
Mampiasa jQuery's slim build , fa ny dikan-teny feno dia tohana ihany koa.
Manontany tena hoe inona no singa mitaky mazava ny jQuery, ny JS, ary ny Popper.js? Kitiho ny rohy aseho eto ambany. Raha tsy azonao antoka mihitsy ny momba ny firafitry ny pejy ankapobeny dia tohizo ny famakiana ny môdely pejy ohatra.
Ny anay bootstrap.bundle.js
ary bootstrap.bundle.min.js
misy Popper , fa tsy jQuery . Raha mila fanazavana fanampiny momba izay tafiditra ao amin'ny Bootstrap dia jereo azafady ny fizarana atiny .
Asehoy ireo singa mila JavaScript
- Fanairana ho an'ny fandroahana
- Bokotra ho an'ny fampandehanana fanjakana sy ny fampandehanana ny boaty/radio
- Carousel ho an'ny fihetsika, fanaraha-maso ary tondro rehetra
- Mirodana noho ny famadihana ny fahitana ny atiny
- Dropdowns ho an'ny fampisehoana sy fametrahana toerana (mitaky Popper.js ihany koa )
- Modely amin'ny fampisehoana, ny fametrahana ary ny fihetsika amin'ny horonana
- Navbar amin'ny fanitarana ny plugin Collapse mba hampiharana ny fitondrantena mandray andraikitra
- Tooltips sy popover ho an'ny fampisehoana sy ny fametrahana (mitaky Popper.js ihany koa )
- Scrollspy ho an'ny fihetsehan'ny horonana sy fanavaozana ny fitetezana
Ataovy azo antoka fa amboarina miaraka amin'ny fenitry ny famolavolana sy ny fampandrosoana farany ny pejinao. Midika izany fa mampiasa doctype HTML5 ary mampiditra meta tag viewport ho an'ny fitondran-tena mety. Ampifandraiso daholo izany ary ny pejinao dia tokony ho toy izao:
Izay ihany no ilainao amin'ny fitakiana pejy ankapobeny. Tsidiho ny Layout docs na ny ohatra ofisialy mba hanombohana ny fametrahana ny atiny sy ny singa ao amin'ny tranokalanao.
Bootstrap dia mampiasa fomba sy toe-javatra manan-danja eran-tany vitsivitsy izay tokony ho fantatrao amin'ny fampiasana azy, izay saika miompana manokana amin'ny fanamafisana ny fomba navigateur cross avokoa. Andao hiroboka.
Ny Bootstrap dia mitaky ny fampiasana ny HTML5 doctype. Raha tsy misy izany dia hahita fomba tsy feno mahatsikaiky ianao, saingy tsy tokony hiteraka fikorontanana be ny fampidirana azy io.
Ny Bootstrap dia novolavolaina voalohany ho an'ny finday , paikady izay ahafahantsika manatsara ny kaody ho an'ny fitaovana finday aloha ary avy eo mampitombo ny singa araka izay ilaina amin'ny alàlan'ny fangatahana media CSS. Mba hiantohana ny famandrihana mety sy ny zooming mikasika ny fitaovana rehetra, ampio ny meta tag viewport mandray andraikitra amin'ny <head>
.
Azonao atao ny mahita ohatra amin'izany amin'ny hetsika ao amin'ny môdely fanombohana .
box-sizing
Raha mila fandrefesana mahitsy kokoa amin'ny CSS dia avadika content-box
ho border-box
. Izany dia miantoka padding
fa tsy hisy fiantraikany amin'ny sakan'ny kajy farany amin'ny singa iray, fa mety hiteraka olana amin'ny rindrambaikon'ny antoko fahatelo toy ny Google Maps sy Google Custom Search Engine.
Amin'ny fotoana tsy fahita firy dia mila manafoana azy ianao, ampiasao zavatra toy izao manaraka izao:
Miaraka amin'ity snippet etsy ambony ity, ireo singa misy akany—anisan'izany ny atiny novokarina tamin'ny alalan'ny ::before
sy ::after
— dia samy handova ny voatondro box-sizing
ho an'io .selector-for-some-widget
.
Mianara bebe kokoa momba ny maodely boaty sy ny habeny ao amin'ny CSS Tricks .
Ho an'ny famandrihana mifanandrify amin'ny navigateur nohatsaraina, dia mampiasa Reboot izahay hanitsiana ny tsy fitovian-kevitra amin'ny navigateur sy fitaovana ary manome famerenana kely kokoa amin'ireo singa HTML mahazatra.
Tohizo hatrany ny fivoaran'ny Bootstrap ary mifantoha amin'ny vondrom-piarahamonina miaraka amin'ireo loharano mahasoa ireo.
- Araho @getbootstrap ao amin'ny Twitter .
- Vakio sy misoratra anarana amin'ny The Official Bootstrap Blog .
- Miresaha amin'ireo Bootstrappers hafa ao amin'ny IRC. Ao amin'ny
irc.freenode.net
server, ao amin'ny##bootstrap
fantsona. - Ny fanampiana fampiharana dia azo jerena ao amin'ny Stack Overflow (tagged
bootstrap-4
). - Ny mpamorona dia tokony hampiasa ny teny fototra
bootstrap
amin'ny fonosana izay manova na manampy amin'ny fiasan'ny Bootstrap rehefa mizara amin'ny npm na mekanika fanaterana mitovitovy amin'izany mba hahitana haingana indrindra.
Azonao atao ihany koa ny manaraka @getbootstrap ao amin'ny Twitter ho an'ny fifosana farany sy horonan-tsary mahafinaritra.