agentsclimarketplace

Bootstrap

Skill G1Joshi/Agent-Skills/skills/frameworks/bootstrap

Bootstrap CSS framework for responsive design. Use for quick styling.From its SKILL.md

Install
npx -y skills add G1Joshi/Agent-Skills --skill bootstrap

Assembled from the repository path, not quoted from the project. Check it against their README if it does not work.

One thing to look at

  • 12 stars12 stars. Stars are a popularity signal and not a quality one, but at this level it is likely that nobody has read this closely except its author, and you would be relying on your own review.

SKILL.md

1.1 KB, 245 tokens by cl100k_base, as published. Nobody here has run it

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

What ships with it

Read from the repository

Just SKILL.md. No reference files, no scripts.

Keep looking

Skills are one crate of 325,949. Ordering is by how many stacks a row turns up in, so the top of any crate is what has actually been picked rather than what has the most stars.