Een krachtige desktop-app voor het maken van responsieve websites met behulp van het Bootstrap-framework. Bootstrap Studio is een desktop-applicatie die u helpt prachtige websites te 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 op het enorm populaire Bootstrap-framework en exporteert schone en semantische HTML. Duizenden ontwikkelaars en ontwerpers gebruiken het elke dag. We weten zeker dat u het ook geweldig zult vinden!

De Interface

Bootstrap Studio heeft een prachtige en krachtige interface, die is gebouwd rond de eenvoud van drag and drop. Dit maakt het de perfecte tool voor het maken van prototypes 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 headers, footers, galleries, slideshows en zelfs basiselementen zoals spans en divs.

Smart Drag & Drop

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

Maak uw eigen componenten

U kunt onderdelen van uw ontwerpen extraheren als aangepaste componenten en ze klaar hebben om te worden gedropt in elk ontwerp dat u maakt. U kunt deze componenten ook exporteren als bestanden en ze delen.

Online Bibliotheek

Als u een component nodig hebt die niet in onze bibliotheek staat, klikt u gewoon op het tabblad Online in het Componentenpaneel. Daar vindt u duizenden componenten die door de community zijn gebouwd en gedeeld. U kunt ook uw eigen componenten uploaden.

Gekoppelde componenten

Dit is een krachtige functie waarmee u componenten kunt synchroniseren, zodat het wijzigen van de ene automatisch de andere wijzigt. Dit is vooral handig voor zaken als headers en footers die u op meerdere pagina's moet bijwerken.

Realtime Preview

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

Code bewerken

Voor sommige dingen is slepen en neerzetten niet genoeg. Daarom geeft Bootstrap Studio je volledige controle over je markup wanneer je dat nodig hebt. Je 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 de actieve en geërfde regels op elk gewenst moment. U zult er al snel tegenop zien om terug te moeten naar uw teksteditor.

jаvascript bewerken

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

HTML-bewerking

Met onze krachtige Custom Code-component kunt u HTML direct schrijven, zonder onze drag-and-drop-interface te gebruiken. U kunt ook elk deel van uw pagina omzetten in Custom Code wanneer u dat nodig hebt.

Bestaande websites importeren

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

Nog meer functies

Er is nog veel meer te vertellen 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 genot.

Gebouwd voor Bootstrap

Bootstrap Studio weet hoe je een geldige Bootstrap-pagina maakt en schrijft automatisch de juiste HTML. Het ondersteunt Bootstrap 3 en zal worden geüpdatet naar Bootstrap 4 zodra het uitkomt.

Grid Tools

De app heeft gespecialiseerde tools voor het werken met het Bootstrap-raster. Maak, wijzig en verplaats eenvoudig kolommen 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 beschikt over een aantal ingebouwde Bootstrap-thema's, pictogramlettertypen, sjablonen en componenten, die u kunt combineren tot prachtige en unieke ontwerpen.

Altijd up-to-date

Bootstrap Studio wordt automatisch geüpdatet, zodat u altijd de nieuwste versie hebt. We brengen elke maand updates uit, vol met nieuwe functies, componenten en verbeteringen.