bootstrap

Bootstrap CSS framework for responsive design. Use for quick styling.

7 stars

byG1Joshi

View on GitHub Installation ↓

Best use case

bootstrap is best used when you need a repeatable AI agent workflow instead of a one-off prompt.

Bootstrap CSS framework for responsive design. Use for quick styling.

Teams using bootstrap should expect a more consistent output, faster repeated execution, less prompt rewriting.

When to use this skill

You want a reusable workflow that can be run more than once with consistent structure.

When not to use this skill

You only need a quick one-off answer and do not need a reusable workflow.
You cannot install or maintain the underlying files, dependencies, or repository context.

Installation

Claude Code / Cursor / Codex

$curl -o ~/.claude/skills/bootstrap/SKILL.md --create-dirs "https://raw.githubusercontent.com/G1Joshi/Agent-Skills/main/skills/frameworks/bootstrap/SKILL.md"

Manual Installation

Download SKILL.md from GitHub
Place it in .claude/skills/bootstrap/SKILL.md inside your project
Restart your AI agent — it will auto-discover the skill

How bootstrap Compares

Feature / Agent	bootstrap	Standard Approach
Platform Support	Not specified	Limited / Varies
Context Awareness	High	Baseline
Installation Complexity	Unknown	N/A

Frequently Asked Questions

What does this skill do?

Bootstrap CSS framework for responsive design. Use for quick styling.

Where can I find the source code?

You can find the source code on GitHub using the link provided at the top of the page.

SKILL.md Source

# Bootstrap

Bootstrap 5 dropped jQuery and embraced modern CSS (Grid, Flexbox, Variables). It remains the **safest choice** for admin panels and internal tools.

## When to Use

- **Prototypes**: "Get it working" in 5 minutes.
- **Admin Panels**: Hundreds of templates available.
- **Quick MVP**: When custom design is a secondary concern.

## Core Concepts

### Grid System

The 12-column grid (`col-md-6`) is still the industry standard mental model.

### Utilities

`d-flex`, `mt-5`, `text-center`. (Influenced Tailwind).

### Components

Modals, Dropdowns, Navbars work out of the box (JS included).

## Best Practices (2025)

**Do**:

- **Use Data Attributes**: `data-bs-toggle="modal"` (No JS code needed).
- **Use CSS Variables**: `--bs-primary` makes theming easy.
- **Use SCSS**: Customize the build by importing only needed parts.

**Don't**:

- **Don't include jQuery**: Bootstrap 5 doesn't need it.

## References

- [GetBootstrap](https://getbootstrap.com/)