Hello, I was looking for a styleguide like component to add into my site to test style changes and updates and I can’t seem to find anything similar to the cheatsheet that already exists
Is there a way to import an HTML component into bootstrap studio to do this if there isn’t already a built in component?
I’ve never seen a importable HTML component like this, but I don’t quite understand what you’re trying to use it for. Can you provide an example?
Bootstrap style changes are pretty much all possible/available via the Options Panel. For the few things that can’t be done via the Options panel, you can just apply utility classes directly through the Attributes panel.
I find this website to be helpful in terms of keeping track of all the available utility classes.
Thank you for responding, basically I plan on making larger, more custom style changes that add onto boostrap’s style to properly brand the sites I plan to make. I would like a styleguide to be able to go to one page and see all the options bootstrap has and make sure my visual changes aren’t breaking anything and they are all cohesive right from the beginning instead of finding out during my time building out the site.
That’s what the custom CSS stylesheet is for. You can override the standard Bootstrap classes to style your website however you like. I don’t think I’ve ever built a website where I didn’t override at least some of the standard CSS.
As long as you follow best practices with your CSS, I can’t see how you would “break” anything. Are you familiar with writing CSS?
If you really want to drastically change the basics of the framework, Bootstrap does provide this option…