Het podium

Het podium is het middelste gedeelte van het Bootstrap Studio-venster. Het toont een live voorbeeld van de pagina die u aan het ontwerpen bent, laat u componenten verplaatsen en hun tekstinhoud bewerken.

Formaat wijzigen en zoomen

Het formaat van het podium kan worden aangepast om elke apparaatgrootte te simuleren. Pak gewoon een van de randen vast met je muis en sleep het:

Je kunt het podium ook bedienen met deze knoppen:

Ze laten je in- en uitzoomen, de breedte en hoogte omdraaien en de optie Fit to Canvas inschakelen, die het formaat wijzigt het podium om het centrale deel van het venster te vullen. Ten slotte heb je de huidige afmetingen en zoomniveau. Als u op de laatste klikt, krijgt u een lijst met device-presets.

Stage-menu

Door het vervolgkeuzemenu linksboven te gebruiken, kunt u de overlays regelen die het werkgebied over de pagina weergeeft.

• Overzichtsraster - geeft de randen van rijen en kolommen weer.
• Show Box Model - geeft marges weer en opvullingen van componenten wanneer u ze aanwijst.
• Reacties weergeven - toont/verbergt opmerkingen die u of uw teamgenoten hebben achtergelaten.
• Extra Witruimte - indien ingeschakeld, voegt het extra opvulling toe aan de onderkant van de pagina, zodat het gemakkelijker is om componenten te slepen en neer te zetten. Deze extra ruimte wordt alleen toegevoegd in de app zelf en niet wanneer het ontwerp wordt geëxporteerd.

Breekpunt-knoppen

Deze knoppen kunnen worden gebruikt om het formaat van uw stage aan te passen aan de breedte van de bootstrap-rasterbreekpunten. Dit stelt u in staat om test snel hoe uw ontwerp eruitziet op apparaten met verschillende schermformaten, van mobiele telefoons tot desktopmonitoren.

Aangepaste apparaten

Met behulp van de apparaatschakelaar kunt u het formaat van het werkgebied aanpassen aan de breedte en hoogte van een specifiek apparaat. Er zijn al een aantal populaire apparaten gedefinieerd, maar u kunt ook uw eigen toevoegen.

Als u meer apparaten aan deze vervolgkeuzelijst wilt toevoegen, klikt u op de laatste optie - Nieuw apparaat toevoegen of opent u gewoon de instellingen dialoogvenster en schakel over naar het paneel Apparaten.

Hier kun je een naam en breedte/hoogte instellen in pixels van uw apparaat. Vanaf dat moment verschijnt deze als eerste in de Device switcher.