Linking External CSS

Bootstrap Studio allows you to link external stylesheets which is useful for things like css libraries, themes and fonts. Linked stylesheets are included in <link> tags in the page's <head> without storing them as files in your project.

To link an external stylesheet, right click the Styles group in the Design panel and select the "Link External CSS" menu.

Then you need to enter the url of the file you want to link in your project and click the "Import" button.

Keep in mind that Bootstrap Studio caches external stylesheets for some time. If you want to get the latest version of the linked file, you need to right click it, and choose the "Refresh" option.

If you wish to link JavaScript files, be sure to check out our other tutorial on this subject.