Een krachtige desktop-app voor het maken van responsieve websites met behulp van het Bootstrap-framework. Bootstrap Studio is een desktopapplicatie waarmee u prachtige websites kunt maken. Het wordt geleverd met een groot aantal ingebouwde componenten, die u kunt slepen en neerzetten om responsieve webpagina's samen te stellen. Het is gebouwd bovenop het enorm populaire Bootstrap-framework en exporteert schone en semantische HTML. Duizenden ontwikkelaars en ontwerpers gebruiken het elke dag. Wij zijn er zeker van dat jij het ook geweldig zult vinden!

De Interface

Bootstrap Studio heeft een mooie en krachtige interface, die is gebouwd rond de eenvoud van slepen en neerzetten. Dit maakt het de perfecte tool voor het maken van prototypen en het ontwerpen van webpagina's en apps.

Prachtige ingebouwde componenten

Bootstrap Studio wordt geleverd met een groot aantal mooie componenten voor het bouwen van responsieve pagina's. We hebben kop-, voetteksten, galerijen, diavoorstellingen en zelfs basiselementen zoals spans en divs.

Smart Drag & Drop

Bootstrap Studio weet welke Bootstrap-componenten in elkaar kunnen worden genest en geeft u suggesties. Het genereert automatisch prachtige HTML voor u, die eruit ziet alsof het door een expert met de hand is geschreven.

Creëer uw eigen componenten

U kunt delen van uw ontwerpen extraheren als aangepaste componenten, en deze gereed hebben om in elk ontwerp dat u maakt te plaatsen. U kunt deze componenten ook als bestanden exporteren en delen.

Onlinebibliotheek

Als u een component nodig heeft die niet in onze bibliotheek bestaat, klikt u gewoon op het tabblad Online in het Componentenpaneel. Daar vindt u duizenden componenten die zijn gebouwd en gedeeld door de gemeenschap. Je kunt ook je eigen uploaden.

Gekoppelde componenten

Dit is een krachtige functie waarmee u componenten kunt synchroniseren, zodat het veranderen van de ene automatisch de andere zal veranderen. Dit is vooral handig voor zaken als kop- en voetteksten die u op verschillende pagina's moet bijwerken.

Realtime Preview

Bootstrap Studio heeft een krachtige functie genaamd Preview. Hiermee kunt u uw ontwerp in meerdere webbrowsers en apparaten openen en wordt elke wijziging die u in de app aanbrengt, onmiddellijk overal weergegeven.

Code bewerken

Voor sommige dingen is slepen en neerzetten niet voldoende. Dit is de reden waarom Bootstrap Studio u volledige controle geeft over uw markup wanneer u deze nodig heeft. U kunt CSS, jаvascript en HTML importeren en bewerken in onze Sublime Text-achtige editor.

Geavanceerde CSS-editor

Onze geavanceerde CSS-bewerkingsinterface ondersteunt automatische suggesties en regelvalidatie, en toont op elk gewenst moment de actieve en overgenomen regels. U zult er al snel bang voor zijn om terug te moeten naar uw teksteditor.

jаvascript-bewerking

Schrijf jаvascript in onze Sublime Text-achtige editor. Al uw wijzigingen worden gesynchroniseerd met het voorbeeld, zodat u code kunt schrijven en uitproberen zonder dat u uw browser opnieuw hoeft te laden.

HTML-bewerking

Met onze krachtige Custom Code-component kunt u rechtstreeks HTML schrijven, zonder gebruik te maken van onze drag-and-drop-interface. U kunt ook elk deel van uw pagina omzetten in aangepaste code wanneer u deze nodig heeft.

Bestaande websites importeren

Als u een website heeft die u eerder heeft ontwikkeld, kunt u deze importeren. Sleep de HTML-, CSS-, JS-bestanden en afbeeldingen eenvoudigweg naar Bootstrap Studio en ze worden aan uw project toegevoegd.

Nog meer functies

Er valt nog veel meer te zeggen over onze geweldige app. Van productiviteitsfuncties tot gespecialiseerde Bootstrap-tools, Bootstrap Studio maakt het ontwerpen van websites en het bouwen van volledig werkende prototypes een waar genoegen.

Gebouwd voor Bootstrap

Bootstrap Studio weet hoe hij een geldige Bootstrap-pagina moet opbouwen en schrijft automatisch de juiste HTML. Het ondersteunt Bootstrap 3 en zal worden bijgewerkt naar Bootstrap 4 zodra het uitkomt.

Grid Tools

De app beschikt over gespecialiseerde tools voor het werken met het Bootstrap-raster. Maak eenvoudig kolommen, wijzig het formaat ervan en verplaats ze, en pas responsieve zichtbaarheidsklassen toe.

Google Webfonts

Bootstrap Studio is geïntegreerd met Google Webfonts en biedt u een eenvoudige manier om uw lettertypen te importeren en beheren. Lettertypefamilienamen worden zelfs automatisch voorgesteld in onze CSS-editor.

Productiviteitsfuncties

Bootstrap Studio biedt uitgebreide ondersteuning voor sneltoetsen waarmee u uw workflow aanzienlijk kunt versnellen.

Thema's en pictogrammen

De app heeft een aantal ingebouwde Bootstrap-thema's, pictogramlettertypen, sjablonen en componenten, die u kunt combineren tot prachtige en unieke ontwerpen.