Selecteren en verplaatsen

Bootstrap Studio is een visuele website editor. U doet de meeste dingen door componenten te selecteren, hun opties te bewerken en ze naar andere delen van de pagina te slepen.

Selecteren componenten

In de app selecteer je onderdelen door erop te klikken. Als u een onderdeel selecteert, wordt er een blauwe omtrek omheen weergegeven en een balk met snelle acties: Geselecteerd
Kop

Met deze acties kun je

  • Icoon verplaatsen - Verplaats het item
  • Selecteer ouder - Selecteer de ouder
  • Pictogram bewerken - Bewerk de tekst ervan
  • Pictogram dupliceren - Dupliceer het
  • Pictogram verbergen - Verberg het
  • Prullenbakpictogram - Prullenbak

TIP

U kunt meerdere componenten tegelijk selecteren door Shift of Cmd/Ctrl ingedrukt te houden terwijl u klikt.

Dubbelklikken

Dit is een snelle manier om zowel een component te selecteren als de primaire actie te activeren. Voor tekstuele componenten schakelt dit over naar tekstbewerkingsmodus, en voor componenten zoals afbeeldingen en pictogrammen wordt respectievelijk de afbeeldings- of pictogrambrowser weergegeven.

Bewegende onderdelen

Wanneer een element is geselecteerd, kunt u het bij de verplaatsingshendel pakken (Pictogram verplaatsen) om het naar andere componenten te slepen en neer te zetten. Bootstrap Studio weet waar componenten kunnen worden neergezet en voegt indien nodig automatisch stijlen en andere attributen toe.

TIP

  • U kunt slepen vanuit de Stage en componenten neerzetten op de Overzicht paneel voor meer precisie.
  • U kunt Ctrl (Windows/Linux) of Cmd (Mac) ingedrukt houden wanneer u de verplaatsingshendel vastpakt, om kopieën te maken. Door dit te combineren met Shift ontstaat gekoppelde exemplaren.

Vergrendelde componenten

Sommige elementen zoals de HTML en Body zijn vergrendeld en kunnen niet worden verplaatst (je kunt ze herkennen aan het kleine hangslot in het Overzicht paneel). Dit is nodig zodat Bootstrap Studio kan garanderen dat uw pagina in een consistente staat blijft en niet kan worden verbroken per ongeluk. Overzicht Paneel

Vergrendelde componenten zouden u op geen enkele manier moeten beperken - wanneer een component is vergrendeld, betekent dit dat u veel opties kunt vinden om het te controleren in de component options.

Component Multi Selectie

Klik op componenten terwijl u de toetsen Ctrl/Shift (Windows/Linux) of Cmd/Shift (Mac) ingedrukt houdt om een ​​meervoudige selectie te starten. U kunt de geselecteerde componenten verplaatsen of verwijderen als een groep.

Dit werkt in zowel het overzichtspaneel als het werkgebied en is vooral handig bij het wijzigen van de uiterlijk van meerdere elementen.