Bootstrap Code Play

Code Play

May mga ad

Tungkol sa app na ito

Matuto ng responsive web design gamit ang mga aralin sa Bootstrap na maaari mong i-edit at i-preview. Pinagsasama-sama ng Bootstrap Code Play ang mga paliwanag, halimbawang code, at isang palaruan para ma-explore mo kung paano nakakaapekto ang isang pagbabago sa markup sa isang pahina.

BASAHIN, BAGUHIN, I-PREVIEW
Pumili ng paksa, basahin kung paano ito gumagana, pagkatapos ay i-tap ang Subukan Ito para buksan ang halimbawa nito sa editor. Baguhin ang isang klase, ayusin ang nilalaman, o magdagdag ng isang elemento. Buksan ang Preview para siyasatin ang resulta, pagkatapos ay bumalik sa Code para sa isa pang eksperimento.

MATUTO ANG MGA BUILDING BLOCKS
Magsanay ng mga responsive grid, typography, mga button, mga alerto, mga talahanayan, at mga form. Galugarin ang mga bahagi tulad ng mga card, navigation bar, accordion, at mga dialog sa mga kaugnay na learning track. Kasama sa mga guided lesson ang mga hakbang, hamon, at mga karaniwang pagkakamali para matulungan kang maunawaan ang code sa halip na kopyahin lamang ito. Pinagsasama-sama ng mga project lesson ang mga konsepto sa mga halimbawa tulad ng isang pricing section at isang compact dashboard.

PUMILI NG LEARNING TRACK
Pag-aralan ang naka-bundle na Bootstrap 5.3.8 track, o galugarin ang Bootstrap 4.6.2 at 3.4.1 para sa mga mas lumang proyekto. Ang mga lumang track ay wala nang bisa at inilaan para sa pag-aaral at paglipat. Ang isang hiwalay na Bootstrap 6 alpha track ay eksperimental; ang preview nito ay nangangailangan ng internet access at isang modernong WebView.

PAGPATULOY SA PAGSASANAY
Maghanap ng mga paksa o mag-browse ayon sa kategorya. Markahan ang mga aralin bilang kumpleto at tingnan ang bilang ng iyong pagkumpleto para sa bawat bersyon. Buksan ang playground para sa iyong sariling mga eksperimento sa HTML, i-save ang isang file, at bumalik dito sa pamamagitan ng Mga Naka-save na File.

EDIT GAMIT ANG MGA KAALAMAN NA TOOL
Gamitin ang syntax highlighting, i-undo at i-redo, hanapin at palitan, at pumunta sa line habang gumagawa ng mga halimbawa. Ang I-save bilang ay nagpapanatili ng isang hiwalay na kopya, at ang Share code ay nagpapadala ng teksto ng editor sa pamamagitan ng mga magagamit na opsyon sa pagbabahagi.

Para sa mga mag-aaral, mga self-directed learners at mga developer na muling bumibisita sa mga responsive na layout, ang app ay nag-aalok ng isang praktikal na loop: magbasa ng paliwanag, gumawa ng isang maliit na pagbabago at suriin ang output.

Kasama sa app ang advertising. Ang mga halimbawa na tumutukoy sa mga panlabas na mapagkukunan ay nangangailangan ng koneksyon sa internet; ang pagkakaroon ng mga remote na mapagkukunan ay maaaring mag-iba.