Converting Components to HTML

There are two ways to edit HTML in Bootstrap Studio. The first is by adding the Custom Code component to your page, which we covered in the previous article. The second way to author HTML in Bootstrap Studio is to convert portions of your pages to HTML as you need it.

Converting to HTML

In Bootstrap Studio you can convert portions of your pages to HTML as you need it. This is a great way to quickly start a project - drag and drop components to build your layout, and then convert it to HTML if you need greater control.

To convert a component to HTML, right click it and choose the Convert to HTML option from the menu.

This will take the HTML of the selected component and place it inside a new Custom Code component. The original will be deleted. You can double click and edit the Custom Code component like we discussed in the previous article.