Bootstrap Studio 6.7.3 — macOS

Building a responsive site from scratch means writing the same grid, navbar, and footer code over and over. Bootstrap Studio gets past that by letting you assemble pages from pre-built components—headers, galleries, slideshows, spacers—then customize them inline. The latest version adds sticky navbar options and a click-outside-to-close behavior for modals, small quality-of-life changes that add up when you work with Bootstrap 5.3 day in and out.

For anyone who builds sites regularly, the deeper tools matter: full SCSS editing, an icon dialog that shows counts per set, and the ability to create custom components from your own design patterns. You can also drag in existing HTML, CSS, JS, and image files to import older projects. The AI Assistant now works with gpt-4o-mini and gpt-4o for generating or rewriting content. If you reach for Bootstrap Studio often, the version 6.7.3 update brings a handful of genuinely useful refinements.

Snaps components into place with smart drag and drop

After you’ve used Bootstrap Studio for a while, a few details become second nature—but they aren’t obvious at first. The smart drag and drop, for instance, understands how Bootstrap components nest. Drop a container inside another, and it snaps into the right grid structure without extra tweaking. That alone saves time when you’re rearranging a row of cards or a multi-column layout.

The linked components feature is another one that slips under the radar. If you create a navbar or a footer and mark it as a linked component, any change you make to it updates across every page that uses it. No hunting for a stray logo or a changed menu item on a dozen pages.

And the online library with community-created components can fill gaps in the built-in set.

More visual and Bootstrap-focused than Pinegrow

If you’re looking at Mac desktop tools for building responsive sites, a few other names come up. One is Pinegrow, which also works with Bootstrap and offers a visual editor. Pinegrow is more of a general-purpose web editor with multi-page workflows, and it handles WordPress themes if that matters to you. Bootstrap Studio stays closer to the Bootstrap framework itself, with a drag-and-drop component model that feels more like a dedicated design tool than a code editor with a preview.

Another is Webflow’s desktop app. Webflow is powerful and includes hosting and CMS features, but it’s heavier, and you’re committing to their ecosystem. Bootstrap Studio exports clean, semantic HTML that you can host anywhere. If you prefer keeping your stack simple—static files, your own server, or a straightforward deployment—Bootstrap Studio is a lighter fit.

There’s also RapidWeaver, which has been around for years and supports Bootstrap themes. It leans more on third-party plugins and a traditional page-wizard approach. Bootstrap Studio feels more modern in its drag-and-drop workflow and direct support for three major Bootstrap versions.

Exports plain HTML for any static site or CMS workflow

Because Bootstrap Studio exports plain HTML, CSS, and JS, you can pair it with almost anything. Use it to build the front end, then drop the output into your preferred static site generator, CMS template folder, or even a GitHub Pages repo. The import feature works by dragging in existing files, so if you’re migrating a site built in another tool, you can bring in the assets and rebuild the layout visually.

On macOS, the live preview lets you open the page in any browser you have installed. That’s handy for cross-browser checks without leaving the app. And if you work with SCSS, the full SCSS editor means you can compile styles on the spot and see the result in the same session. No separate code editor or command-line tool required.

Turn on Sticky On for navbar behavior from the start

After installing version 6.7.3, I’d suggest opening the preferences and looking at the Sticky On option for sticky navbars. It’s a new addition, and it controls how your navbar behaves when a page scrolls. Setting it early means you won’t have to adjust each navbar manually later.

The Click Outside to Close option for modals is another one to toggle on if you use modals often. It lets visitors dismiss a modal by clicking outside its content area, which is standard behavior in most modern sites. Having it as a switch means you don’t need to write a single line of JavaScript for that.

If you plan to use the AI Assistant for generating text or rewriting content, check which model it’s set to. The latest release adds gpt-4o-mini and gpt-4o, and you’ll want to pick the one that suits your preference for speed or quality.

• Fixed an issue with the OpenAI API key entry dialog not accepting some keys.
• The Icon Dialog now lists the number of icons and type for each icon set.
• Added a Sticky On option for sticky navbars.
• Added a Click Outside to Close option for Bootstrap modals.
• Added gpt-4o-mini and gpt-4o to the AI Assistant.

• macOS 10.13 or later
• Intel or Apple Silicon processor