Välja och Flytta
Bootstrap Studio är en visuell webbplats redigerare. Du gör det mesta genom att välja komponenter, redigera deras alternativ och dra dem till andra delar av sidan.
Välja komponenter
I appen väljer du komponenter genom att klicka på dem. När du väljer en komponent visas en blå kontur runt den och en stapel med snabba åtgärder:
med dessa åtgärder kan du
- Flytta objektet
- Välj dess förälder
- Redigera dess text
- Duplicera det
- Gömma det
- Kasta det
Tips
Du kan välja flera komponenter samtidigt genom att hålla ned Skift eller Cmd/Ctrl medan du klickar.
Dubbelklicka
Detta är ett snabbt sätt att både välja en komponent och utlösa dess primära åtgärd. För textkomponenter kommer detta att växla dem till textredigeringsläge, och för komponenter som bilder och ikoner visar den webbläsaren bild respektive ikon.
Flytta komponenter
När ett element är valt, kan du ta tag i det med flyttahandtaget () för att dra och släppa den till andra komponenter. Bootstrap Studio vet var komponenter kan släppas och lägger automatiskt till stilar och andra attribut om det behövs.
Tips
- Du kan dra från Scen och släppa komponenter på Översiktpanelen för större precision.
- Du kan hålla ned Ctrl (Windows/Linux) eller Cmd (Mac) när du tar tag i rörelsehandtaget för att skapa kopior. Att kombinera detta med Shift kommer att skapa länkade kopior.
Låsta komponenter
Vissa element som HTML och Body är låsta och kan inte flyttas (du kan känna igen dem på det lilla hänglåset i Översiktpanelen). Detta är nödvändigt för att Bootstrap Studio ska kunna garantera att din sida förblir i ett konsekvent tillstånd och inte kan brytas av misstag.
Låsta komponenter bör inte begränsa dig på något sätt - när en komponent är låst betyder det att du kan hitta många alternativ för att kontrollera det i komponent alternativen.
Komponent multival
Klicka på komponenter medan du håller ned tangenterna Ctrl/Shift (Windows/Linux) eller Cmd/Shift (Mac) för att starta ett multival. Du kan flytta eller ta bort de valda komponenterna som en grupp.
Detta fungerar i både översiktspanelen och scenen och är särskilt användbart när du ändrar utseende på flera element.