Adding Attributes to Elements

Adding your own classes and ids is very important when writing and reusing CSS styles. The benefit of this is that you can have the same HTML element, but present it differently depending on its class or ID. Bootstrap Studio offers a nice and easy way to add attributes to HTML elements.

To do it, click the Attributes panel on the bottom of the HTML tab.

Note: You can add any CSS class that you wish, but some, like in the picture above, are locked. To change locked classes in Bootstrap Studio, you need to modify the component's settings in the Options panel.

You can add id and class of the selected element. If you want to add your own attributes click on the plus button ( ).

Note: We have disabled the 'on' event attributes for security reasons. You can attach event listeners by writing JS code with jQuery instead.