Bootstrap Code Play

Code Play

Innehåller annonser

Om appen

Lär dig responsiv webbdesign med Bootstrap-lektioner som du kan redigera och förhandsgranska. Bootstrap Code Play kopplar samman förklaringar, exempelkod och en lekplats så att du kan utforska hur en ändring i markup påverkar en sida.

LÄS, ÄNDRA, FÖRHANDSGRANSKA
Välj ett ämne, läs hur det fungerar och tryck sedan på Testa för att öppna dess exempel i redigeraren. Ändra en klass, justera innehållet eller lägg till ett element. Öppna Förhandsgranska för att granska resultatet och återgå sedan till Kod för ett nytt experiment.

LÄR DIG BYGGSTENARNA
Öva på responsiva rutnät, typografi, knappar, aviseringar, tabeller och formulär. Utforska komponenter som kort, navigeringsfält, dragspel och dialogrutor i relevanta inlärningsspår. Guidade lektioner inkluderar steg, utmaningar och vanliga misstag som hjälper dig att förstå koden snarare än att bara kopiera den. Projektlektioner sammanför koncept i exempel som en prissättningssektion och en kompakt instrumentpanel.

VÄLJ ETT INLÄRNINGSPÅR
Studera det medföljande Bootstrap 5.3.8-spåret, eller utforska Bootstrap 4.6.2 och 3.4.1 för äldre projekt. De äldre spåren är slutgiltiga och tillhandahålls för inlärning och migrering. Ett separat Bootstrap 6 alpha-spår är experimentellt; förhandsvisningen kräver internetåtkomst och en modern WebView.

FORTSÄTT ÖVA
Sök efter ämnen eller bläddra efter kategori. Markera lektioner som slutförda och se antalet slutförda för varje version. Öppna lekplatsen för dina egna HTML-experiment, spara en fil och återgå till den via Sparade filer.

REDIGERA MED ANVÄNDBARA VERKTYG
Använd syntaxmarkering, ångra och gör om, sök och ersätt och gå till rad medan du arbetar med exempel. Spara som behåller en separat kopia och Dela kod skickar texten till redigeraren via tillgängliga delningsalternativ.

För studenter, självstuderande elever och utvecklare som återbesöker responsiva layouter erbjuder appen en praktisk loop: läs en förklaring, gör en liten ändring och inspektera resultatet.

Appen innehåller reklam. Exempel som refererar till externa resurser behöver en internetanslutning; tillgängligheten för fjärrresurser kan variera.