Stack
Click a document in the left sidebar to begin.
\n```\n\nRules:\n- CDN for Bootstrap CSS and JS bundle (includes Popper)\n- Single `static/css/style.css` for all custom styles\n- No build step required \u2014 no Sass compilation\n- Pin a specific Bootstrap version via CDN URL\n\n**Why**: CDN avoids bundling complexity. Single custom stylesheet keeps overrides organized.\n\n---\n\n## 2. Dark Theme\n\n**Rule**: Use `data-bs-theme=\"dark\"` on `` for Bootstrap's native dark mode. Override with CSS custom properties.\n\n```html\n\n```\n\n```css\n/* static/css/style.css */\n:root {\n --cc-bg: #1a1a2e;\n --cc-surface: #16213e;\n --cc-text: #e0e0e0;\n --cc-border: #2a2a4a;\n --cc-accent: #4fc3f7;\n}\n\nbody {\n background-color: var(--cc-bg);\n color: var(--cc-text);\n}\n```\n\n**Why**: Bootstrap 5.3+ has native dark mode. Custom properties let you extend it with project-specific colors.\n\n---\n\n## 3. Layout\n\n**Rule**: Use Bootstrap's container and grid system. Stick to `container` or `container-fluid`.\n\n```html\n\n