Writing JavaScript in Bootstrap Studio

With Bootstrap Studio you can quickly design a good looking web application. But as a next step, you will often need to make it interactive. You can do this by writing JavaScript in our powerful JS editor.

JavaScript Editing

With our JavaScript editor you can turn your pretty design into a fully functional website. You get access to powerful Sublime Text-like editing with multiple cursors and keyboard shortcuts.

To start, you need to create a JavaScript file in the Design panel. You can do this by right clicking on the "JavaScript" group.

Note: If you are using OS X and right clicking the "JavaScript" label doesn't do anything, try the Ctrl+Click method, or check whether right clicking is enabled in your computer's settings.

In the picture above, you can see that there are two locked JavaScript files. They are always available, so you can use jQuery and Bootstrap's JS in any design.

To edit your JavaScript file, just double click it. This will open our powerful code editor.

When you click the "Apply" button (or hit Ctrl/Cmd + S) the Preview is automatically reloaded so you can try out your changes immediately (see our tutorial about Preview and Export for more).

Tip: If you feel more comfortable writing JavaScript in your code editor/IDE of choice, you can connect it to Bootstrap Studio as an External Editor.