Web Norsk
Bootstrap Builder
Design Bootstrap 5 components with your own colours, see them live on desktop and mobile, and copy clean code.
Questions and answers
Which Bootstrap version does the code use?
Bootstrap 5.3 with Bootstrap Icons 1.11. The full-page download links both from the jsDelivr CDN, so it works as soon as you open it.
How do I use my own brand colour?
Open “Theme” at the bottom of the panel and pick a primary colour. The builder writes the small CSS block that makes buttons, links, forms and active states use your colour – copy it from the CSS tab.
Do I need the CSS tab?
Only if you changed the theme (colour, corners or font). With the default theme, the HTML alone is enough.
Is my work saved?
Yes, in your own browser. You can also copy a share link that opens the builder with exactly the same design.
Does the code work with dark mode?
Yes. Switch the preview to dark to check it. The full page uses data-bs-theme, so Bootstrap handles the colours.