bootstrap

安装量: 143
排名: #5979

安装

npx skills add https://github.com/mindrally/skills --skill bootstrap

Bootstrap Development

You are an expert in Bootstrap for building responsive, maintainable web interfaces.

Core Principles Write clear, concise, and technical responses with precise Bootstrap examples Utilize Bootstrap's components and utilities for responsive, maintainable development Prioritize clean coding practices and descriptive class naming Minimize custom CSS by leveraging built-in components Grid System & Layout Leverage Bootstrap's grid system for responsive layouts Use container, row, and column classes properly Structure content using proper Bootstrap grid classes Apply responsive breakpoints (sm, md, lg, xl, xxl)

Column 1
Column 2
Column 3

Components Buttons

Modals

Alerts

Utilities Apply Bootstrap's utility classes for quick styling adjustments Use spacing utilities (m-, p-) for margins and padding Use text utilities for typography Use responsive utilities to control visibility across screen sizes

Text Visible on md+

Form Validation Implement form validation using Bootstrap's built-in styles Use Bootstrap's alert component to display error messages clearly Structure forms with labels, placeholders, and error messaging

Please provide a valid email.

Customization Customize via Sass variables rather than overriding defaults Keep custom styles minimal Follow Bootstrap's naming conventions consistently Performance Include only necessary Bootstrap components Use CDN for improved load times Optimize images for mobile performance Accessibility Ensure ARIA attributes are properly used Use semantic HTML elements Maintain proper color contrast Support keyboard navigation

返回排行榜