Bootstrap studio для linux

Bootstrap Studio

A powerful desktop app for creating responsive websites using the Bootstrap framework.

Run Browser Demo

Bootstrap Studio is a powerful desktop app for designing and prototyping websites.

It comes with a large number of built-in components, which you can drag and drop to assemble responsive web pages. The app is built on top of the hugely popular Bootstrap framework, and exports clean and semantic HTML.

The Interface

Bootstrap Studio 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 Templates

The app comes with a number of premium, fully responsive templates that you can customize. Each template consists of multiple pages and widgets you can pick-and-match into the perfect website.

Beautiful Components

Bootstrap Studio 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. See some of them below.

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, SASS, JavaScript and HTML in our Sublime Text-like editor.

Advanced CSS and SASS Editors

Our advanced CSS editing interface supports auto suggest and rule validation, and shows the active and inherited rules at an any given time.

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.

Connect External Editors

Prefer to write CSS in your editor? No problem! With a single click you can connect Visual Studio Code, Sublime Text, Atom, IntelliJ and more.

Keyboard Shortcuts

Bootstrap Studio has comprehensive support for keyboard shortcuts which allow you to speed up your workflow dramatically.

Even More Features

Bootstrap Studio is a revolutionary website builder. With its productivity features and specialized Bootstrap tools, you can create everything from a prototype to a fully working website.

Built for Bootstrap 3, 4 and 5

Bootstrap Studio knows how to construct a valid Bootstrap page and automatically writes the correct HTML. It supports Bootstrap 3, Bootstrap 4 and Bootstrap 5, and can convert your designs from one to the other.

One-click Publishing

You can export your design as a static website, or publish it with one click to our next gen hosting platform. It offers HTTPS, custom domains, passkeys and is totally free!

Grid Tools

The app has specialized tools for working with the Bootstrap grid. Easily create, resize and offset columns, and apply responsive visibility classes.

Smooth Animations

In our app, you can create smooth CSS animations that are triggered on browser scroll or hover. We also have a special Parallax component for beautiful image backgrounds.

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.

Command Palette

Speed up your workflow with our Command Palette! Press Ctrl/Cmd+P and create/open files, insert components with an Emmet-like CSS syntax, generate Lorem ipsum text and trigger menu commands.

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.

Try it in your browser

We have an interactive demo of Bootstrap Studio that runs in Google Chrome. No installation required!

Purchase

Bootstrap Studio is a desktop application that works fully offline. There are no monthly payments, usage limits or ongoing fees. You buy it once and own it forever.

Standard

Bootstrap Studio Standard is the perfect tool for developers, designers and individuals with interest in web development.

Lifetime

Bootstrap Studio Lifetime is a special version of our app. It has all powerful features and you’ll receive every new version for free, forever.

Instructions: Click the «Buy» button above and fill a valid email address. Once you complete your purchase, we will send you a download link for Bootstrap Studio.

Thousands of Happy Customers

I have been using Bootstrap Studio for a few days and I absolutely love what I can do with it. I have never created a good looking and functioning website so fast. I am very happy to have bought it.

In no time at all I was able to fire up the app, get a quick feel for it, and create a very modern and well received site that is so much better than what we ever had before. So thank you for creating a great product, and thanks for making me look like a genius at work today!

I must say I am blown away by Bootstrap Studio. This will be the future of designing websites and making really quick «mock-ups» on the fly. It’s also really dope as a learning tool for designers (or actually everyone) to get the hang of Bootstrap real quick.

Learn What’s Coming Next

We update Bootstrap Studio every couple of weeks with new features and listen to your feedback on our forum. Subscribe for our newsletter and learn when we release new versions.

Источник

Bootstrap studio для linux

You’ve run into an issue with Bootstrap Studio or have something to ask?
Read our FAQ below, or click here to write to us.

Email us at email or write below. We are off for
the weekend. We’ll get back to you on Monday.

Common Issues

I haven’t received my license.

It can take up to 15 minutes for your license to arrive. We need to validate your payment first. If the key is still missing, and it is not in your spam folder or Promotions tab, it might indicate that you have had a typo in your email address when purchasing. Write to us and we will resolve it. Please include an alternative email address in your message, in case your server is blocking us.

My license key stopped working after updating to version 5.

If you see a message of the sort «An error occured while validating your license» after upgrading to Bootstrap Studio 5, it would indicate that the old BS4 version hasn’t been uninstalled correctly, and the shortcut on your desktop is starting it. To resolve this, 1) Remove Bootstrap Studio 4 from Add or remove programs; 2) Remove the old shortcut; 3) If Bootstrap Studio 5 still doesn’t start try resetting the app.

Normally our updates overwrite the old edition so this doesn’t happen. But Bootstrap Studio 5 necessitated major changes which results in the app being installed in a different location, and the old versions need to be uninstalled manually. Things will work as expected with our next updates.

I am seeing a blank screen when I start Bootstrap Studio for the first time.

If you see an empty black or white screen when you start the app, make sure that you have an active internet connection the first time you start the program. It needs to connect to our servers so the license key is checked. After this, you can go offline for as long as you wish. Some firewalls may block the app from accessing the network. Make sure that https traffic is allowed. If you need to configure a proxy, see here.

Bootstrap Studio doesn’t start after I click the icon.

If you are using Windows and Bootstrap Studio refuses to start, make sure that your antivirus system isn’t blocking the app by mistake.

I have lost my license key. Can you send it to me again?

If you’ve purchased Bootstrap Studio in the past, but can’t remember your license key, don’t worry! We can resend it to you. Use our license key restore form. Enter the email address you used to purchase the app, and we will send you your key.

Where can I find the download link?

The download link for the app is included in your license email, right after your key. If you don’t have it, see the above question how to restore it.

Where can I find my invoice?

We use a separate service for payment processing and invoicing — Paddle.com. They have sent you an email with your invoice and company/tax information right after you bought the app. If you can’t find your receipt in your inbox/spam, you can request it here.

General

Which operating systems are supported?

Bootstrap Studio works on Windows (7, 8 and 10), macOS (10.10 and up) and many Linux distributions (including Ubuntu, Debian and Fedora). Chrome OS is not supported.

Do you support Windows 32bit?

Unfortunately 32bit Windows is quickly losing relevance and we can’t afford the resources to build and test the app there. All computers from 2010 onward are 64bit, so it’s likely just a matter of choosing to install Windows 64bit the next time you reinstall your computer. Until then, you can continue using our last version with 32 bit support — Bootstrap Studio 4.5.8 — which is available on our download page and will continue to work indefinitely.

Which language is Bootstrap Studio in?

The interface of our program is only available in English at the moment. No other languages are supported for the interface. But you can create websites in any language. If you need to enter special symbols with umlauts or characters with IME (like in Chinese, Japanese, Korean etc) you can use the «Character Input» dialog. You can access it by clicking the «Char Input» button when you edit the text of an element.

How can I edit HTML?

Bootstrap Studio shines as a drag and drop builder, but it also gives you the ability to edit HTML when you need to. There are two ways to do it. The first is to drag the «Custom Code» component from the library and place it into your page. Then double click it. This will open a code editor in which you can write HTML.

The second way is to convert any part of your page, which you’ve built using our drag and drop builder, into HTML. Just right click a component and choose the «Convert to HTML» option. This will allow you to do advanced changes to components which are not possible with the drag and drop functionality.

Can Bootstrap Studio export for CMS like WordPress?

When you export a design created in Bootstrap Studio, you get a static website complete with CSS, HTML and JS. But no CMS features are available — it is up to you to turn the static website into a WordPress, Drupal or Magento theme.

Are React, Angular or Vue supported?

Our app is focused on creating designs with Bootstrap, and it doesn’t support React, Angular or Vue.js.

How can I make my contact forms work?

We have a feature called Smart Forms. This is an automatic backend for your forms. When designing your contact form in the app, switch Smart Forms on and specify an email address where you wish to receive form submissions. Smart Forms works on any hosting provider, so you can upload your site anywhere.

How can I make my login forms work?

Login forms are very different from contact forms. For a login form you will need to have a database with user records and code in a language like PHP, Python, Ruby, Node.js or other, to handle logins. You will have to write this by yourself after you export your site from Bootstrap Studio.

Is PHP supported?

Bootstrap Studio is a design and protyping tool and it doesn’t support PHP. When you export your design, you get HTML, CSS and JS files. To write PHP, you need to then edit your exported site in a code editor or IDE.

Can I connect to a database?

Bootstrap Studio handles the front end of your website. This is the HTML, CSS and JS. For connecting to a database, you will need to write code in a backend language like PHP, Python, Ruby, Java, C# etc. You can do this after exporting your design from the app.

Where can I find premium templates?

Our application comes with a number of premium templates you can choose from. You can find them in the New Design dialog. There are templates for Bootstrap 3 and Bootstrap 4 and Bootstrap 5.

I have found a bug. What do I do?

Report it and we will fix it! Thanks to our advanced update system all bug fixes are delivered within minutes to all users. We got Bootstrap Studio from zero to where it is now, and we won’t stop improving it.

Bootstrap

Is Bootstrap 5 supported?

Yes, Bootstrap 5 is supported, alongside Bootstrap 3 and Bootstrap 4.

Which version of Bootstrap does Bootstrap Studio use?

At the moment, Bootstrap Studio supports Bootstrap 3.4, Bootstrap 4.6 and Bootstrap 5.0. You can create new designs in either, and the app can even convert designs made in an older framework to the newer.

Can I import an existing website?

If your website is made with Bootstrap, you can import the images, CSS, JS and HTML files into the app. Just drag and drop them in, or choose the File > Import option. There is one limitation for externally created websites — they can only be edited as HTML (you won’t be able to edit them via drag and drop).

Can I import a theme that I’ve purchased?

If you’ve purchased a Bootstrap theme from a marketplace you can import it in Bootstrap Studio. The only limitation is that drag/drop isn’t available, you will only be able to edit your theme as HTML.

Bootstrap Studio Sites

How many websites can I host?

With your license key, you get room for 5 websites on the freely provided Bootstrap Studio Sites service, but you can export your design as HTML and upload it to any hosting provider via SFTP. In that case there are no limits — you can design an unlimited number of websites and upload them to any hosting provider.

How can I get additional websites?

You can create an unlimited number of websites with Bootstrap Studio. But the freely provided hosting service — Bootstrap Studio Sites — has a 5 website limit. This limit can’t be increased at this time. However you can export your designs as a static HTML+CSS websites and upload them to any hosting provider via SFTP without limits.

Alternatively you can get additional hosting slots for our platform by purchasing an additional Bootstrap Studio license. The extra 5 websites will be available only for the new license though, your current one will still have the original 5.

Can I use Bootstrap Studio Sites for client websites?

The Bootstrap Studio application can be used for any type of website, both personal and commercial, and also for sites that you build for your clients. The bundled hosting service, Bootstrap Studio Sites, also has no limits to what it can be used for. There are no problems in dedicating one of your website slots for a client website. But we don’t offer features for your client to manage their own website, we don’t have CPanel or CMS. If your client is happy with this arrangement, everything is good.

If they need to manage their site, the only way to do it is to hand them the HTML by exporting the design from Bootstrap Studio. They can then upload it to some other hosting provider.

How do I make WWW work on my website?

The www subdomain is a separate website from the non-www version. You can redirect one to the other in Cloudflare. See this forum thread for more information on this.

My website doesn’t show up. How do I fix it?

Make sure that you’ve followed all the steps in the custom domains guide, and that there are no typos in sites.bootstrapstudio.io . Also, due to DNS caching, in some cases it can take a few hours for the website to to be detected when you click the Check button in Bootstrap Studio.

How do I setup HTTPS on Bootstrap Studio Sites?

The built-in hosting service, Bootstrap Studio Sites, doesn’t support adding certificates directly (so no crt, pem or csr files can be uploaded). Instead this is handled automatically by Cloudflare, you don’t need to do anything. In some cases it can take a few hours after setting up your domain on Cloudflare for your certificate to be generated during which time HTTPS will not work.

Licensing

How does the licensing work?

There are two editions — Standard and Lifetime. When you purchase Bootstrap Studio Standard, you get one year of free updates. This includes all new features, major releases and bugfixes that we create during this period. When this year expires, you can continue using the last version of Bootstrap Studio that was released while your license was active, but you won’t get any new features or bugfixes. You can renew your license and continue receiving updates at any time by choosing the «Renew License Key» option in the Help menu.

If you instead purchase Bootstrap Studio Lifetime, no renewals are needed, you get all new versions without limits.

What is the Lifetime version?

The Lifetime version of Bootstrap Studio is a special release of our app that comes with free upgrades forever. You don’t need to renew your license when you have this version. It has the same powerful feature set as the standard edition.

How does the 3 computer limit work?

When you buy Bootstrap Studio, you get a license key that can be used on up to three computers that you own. You can at any time deregister a computer and free up a slot for another, by choosing the «Delete License» option from the Help menu. You can also deregister a computer that you don’t have access to, by using the Help > Manage Devices dialog.

Can 3 people use one license?

No, every user should have their own license. You can read our license terms here for more information on this.

What happens if I format my computer?

If you format your computer, lose it, or your hard drive is destroyed, you can deactivate the copy of Bootstrap Studio that has been installed on it at any time. Just open the «Manage Devices» dialog in another copy of Bootstrap Studio that has been installed with your key. This dialog shows all your currently active installations. You can remove the ones that you don’t use and free up slots for other installs. Read more here.

Can I convert from Standard to Lifetime?

Yes, you can convert to Lifetime at any time. You can do it by choosing the «Renew License» option in the application menu, and then choosing «Lifetime» on the renewal page. The upgrade costs $50, so it is cheaper to buy the Lifetime release outright.

How are updates delivered?

We have built an advanced update system into Bootstrap Studio. It checks for updates periodically when you are online and downloads them in the background. Then, the next time you start the program, you will be running the latest version automatically. Even though you need to be online to receive updates, Bootstrap Studio doesn’t require an internet connection to function and can be used completely offline.

Is there a student license?

If you are a student we have a special non-commercial license for you, which is free for the duration of your study. Members of the GitHub Student Developer Pack can apply here. Other students can apply here.

Do you have a classroom or lab version?

Yes, we have a special edition of Bootstrap Studio, which educational institutions (schools, universities, bootcamps etc) can install on their lab computers for free. It works fully offline and is the perfect tool for students to learn web development. Contact us to apply.

The Revolutionary Web Design Tool.

Copyright © 2021 Zine EOOD. All Rights Reserved.

Источник