Portable Bootstrap Studio 9.0.1 (x64)
A powerful desktop app for creating responsive websites using the Bootstrap framework. Bootstrap Studio Portable is a desktop application that helps you create beautiful websites. It comes with a large number of built-in components, which you can drag and drop to assemble responsive web pages. It is built on top of the hugely popular Bootstrap framework, and exports clean and semantic HTML. Thousands of developers and designers use it every day. We are sure you’ll love it too!
Bootstrap Studio Portable is a powerful web design software that makes it easy for developers and designers to create responsive and professional-looking websites. The software is built on the Bootstrap framework, a popular open-source toolkit for building web applications, and provides a range of tools and features that simplify the web design process.
One of the key features of Bootstrap Studio Portable is its intuitive drag-and-drop interface, which allows you to easily add and arrange website elements such as buttons, forms, and images. The software provides a range of pre-built components and templates, which can be customized to fit your specific needs. These components are designed to be responsive, meaning that they will automatically adjust to fit the screen size of any device, from smartphones to desktops.
Another great feature of Bootstrap Studio is its ability to preview your designs in real-time. The software provides a live preview feature that allows you to see how your website will look on different devices and screen sizes, making it easy to test and refine your designs. This feature is particularly useful for ensuring that your website is fully responsive and looks great on all devices.
Bootstrap Studio also provides a range of advanced features for more experienced users. For example, the software allows you to create custom CSS and JavaScript code, which can be used to add additional functionality and customization to your website. You can also import and export your designs in a variety of formats, making it easy to collaborate with other designers or share your work with clients.
One of the standout features of Bootstrap Studio is its ability to work seamlessly with the Bootstrap framework. The software provides a range of tools and features that are specifically designed to work with Bootstrap, making it easy to create designs that are fully compliant with the framework’s standards. This ensures that your designs are consistent, reliable, and easy to maintain over time.
Bootstrap Studio is also designed with collaboration in mind. The software provides a range of tools and features that make it easy to collaborate with other designers and developers, whether you are working on a team project or collaborating with clients. For example, you can easily share your designs with others via the software’s built-in sharing functionality, or you can export your designs to a variety of formats for easy sharing and collaboration.
Overall, Bootstrap Studio Portable is a powerful and versatile web design software that makes it easy for developers and designers to create responsive and professional-looking websites. With its intuitive drag-and-drop interface, live preview feature, and seamless integration with the Bootstrap framework, it is a great choice for anyone looking to create high-quality websites quickly and easily. Whether you are a novice designer or an experienced developer, Bootstrap Studio has everything you need to create beautiful and functional websites that work seamlessly across all devices.
The Interface
Bootstrap Studio Portable has a beautiful and powerful interface, which is built around the simplicity of drag and drop. This makes it the perfect tool for prototyping and designing web pages and apps.
Beautiful Built-in Components
Bootstrap Studio Portable comes with a large number of pretty components for building responsive pages. We’ve got headers, footers, galleries, slideshows and even basic elements like spans and divs.
Smart Drag & Drop
Bootstrap Studio knows which Bootstrap components can be nested in one another and gives you suggestions. It automatically generates beautiful HTML for you, which looks as if it was written by hand by an expert.
Create Your Own Components
You can extract pieces of your designs as Custom Components, and have them ready to be dropped into any design you create. You can also export these components as files and share them.
Online Library
If you need a component which doesn’t exist in our library, just click the Online tab in the Component Panel. There you will find thousands of components built and shared by the community. You can also upload your own.
Linked Components
This is a powerful feature which allows you to synchronize components, so changing one will automatically change the other. This is especially useful for things like headers and footers which you need to update across pages.
Realtime Preview
Bootstrap Studio has a powerful feature called Preview. With it, you can open your design in multiple web browsers and devices, and every change you make within the app will be shown instantaneously everywhere.
Editing Code
For some things drag and drop isn’t enough. This is why Bootstrap Studio gives you full control over your markup when you need it. You can import and edit CSS, JavaScript and HTML in our Sublime Text-like editor.
Advanced CSS Editor
Our advanced CSS editing interface supports auto suggest and rule validation, and shows the active and inherited rules at an any given time. You will soon dread having to go back to your text editor.
JavaScript Editing
Write JavaScript in our Sublime Text-like editor. All your changes are synced with the preview, so you can write code and try it out without having to reload your browser.
HTML Editing
With our powerful Custom Code component, you can write HTML directly, without going through our drag and drop interface. You can also convert any piece of your page into Custom Code when you need it.
Import Existing Websites
If you have a website that you’ve developed previously, you can import it. Just drag and drop the HTML, CSS, JS files and images into Bootstrap Studio and they will be added to your project.
Even More Features
There is a lot more to say about our wonderful app. From productivity features to specialized Bootstrap tools, Bootstrap Studio makes designing websites and building fully working prototypes a real joy.
Built for Bootstrap
Bootstrap Studio knows how to construct a valid Bootstrap page and automatically writes the correct HTML. It supports Bootstrap 3 and will be updated to Bootstrap 4 once it’s out.
Grid Tools
The app has specialized tools for working with the Bootstrap grid. Easily create, resize and offset columns, and apply responsive visibility classes.
Google Webfonts
Bootstrap Studio is integrated with Google Webfonts and gives you an easy way to import and manage your fonts. Font family names are even auto-suggested in our css editor.
Productivity Features
Bootstrap Studio has comprehensive support for keyboard shortcuts which allow you to speed up your workflow dramatically.
Themes and Icons
The app has a number of built-in Bootstrap themes, icon fonts, templates and components, which you can combine into beautiful and unique designs.
Always Up to Date
Bootstrap Studio updates automatically, so you always have the latest version. We release updates every month, filled with new features, components and improvements.
Bootstrap Studio Portable v9:
- Bootstrap Studio CMS is here! This is a major new feature that brings an entire locally managed CMS within the app. Create collections with custom fields, import/export data and bind element content. Everything is rendered as static HTML during export/publish and can be hosted anywhere.
- New components were added. With the new Markdown component, you can write content as markdown, and it’s turned into HTML automatically by the app. The new Marquee, Scroll Tracker, Scroll To Top and Preloader help you build more engaging websites without having to write JS and CSS yourself.
- Three new premium templates were added: “X1 Launch”, “Specialty Coffee” and “Wellness”. They make full use of the CMS and new components.
- The JS editors in the app were significantly improved. You now get VS Code-like editing, better auto complete, search and replace, color previews and more.
- The CSS editor now has a tool for easing/bezier curves, letting you tweak how your animations behave. It also shows docs tooltips when hovering over CSS properties with links to MDN.
- The APP UI was improved. You can now switch the app’s dialogs to dark mode from Settings > Interface. The Undo/Redo buttons are now merged into a single control with a more intuitive history list. The New Design dialog can now filter and sort templates. The Open Recent menu now shows the full design names.
- Navbars now have a Sticky Scroll Transition option which lets you specify a threshold after which the “scrolled” class is added. This lets you style your navbars on scroll without resorting to extra JS.
- The Find and Replace dialog was improved and can now search in code files and CMS data.
- JS files now get a Properties dialog for activating Defer and Async.
- Images, JS and CSS in the design panel now get an Export context menu entry.
- More styles of hover animations were added. From the Animations panel pick the Hover trigger to see them.
- The AI Assistant supports more local providers and was updated with the newest models.
- Google fonts were updated with the latest families.
Release Notes:
IMPROVED
- The Check for Issues dialog was optimized for large designs.
FIXED
- Fixed a bug which prevented the Editor panel from detaching.
- Fixed an issue which prevented deleting collection items in the CMS in some cases.
- Fixed a bug with missing Swiper icons on export.