bootstrap

Name: bootstrap
Author: duongvn9

Hướng dẫn UI/Bootstrap

by duongvn9(0) 0 installs

Free

Free account. Installing gives you the manifest plus copy-paste snippets.

See reviews

About

Instruction file imported from duongvn9/SWP391-SE1960-FA25-Group4-Human-Resource-Management-System (.github/instructions/bootstrap.instructions.md). Copyright stays with the author.

Hướng dẫn UI/Bootstrap

Chuẩn giao diện

Dùng Bootstrap 5.3+, theme sáng/tối theo biến CSS (nếu có).
Kích thước container: container (mặc định), dùng container-fluid cho dashboard.
Form: sử dụng form-label, form-control, is-invalid/invalid-feedback.
Table: table table-striped table-hover table-bordered, có thead cố định nếu danh sách dài.

Mẫu thành phần

Navbar: sticky-top, có brand, menu theo role.
Sidebar (tùy chọn): collapse trên mobile.
Modal: xác nhận xóa, xem chi tiết nhanh.
Toast/Alert: thông báo thêm/sửa/xóa.

Khả năng truy cập

Gắn aria-*, alt cho ảnh; contrast đạt AA; focus-state rõ ràng.

Use it

Copy one of these into your project. Installing also returns the manifest and these snippets.

yaml

targets:
  - https://api.opensmartroute.ai/api/v1/registry/duongvn9-swp391-se1960-fa25-group4-human-resource-manage-348174/manifest   # or paste the manifest below

Manifest

An Open Capability Manifest: the router reads it to know what this does, what it costs and when to pick it.

duongvn9-swp391-se1960-fa25-group4-human-resource-manage-348174.ocm.jsonjson

{
  "ocm": "1",
  "id": "duongvn9-swp391-se1960-fa25-group4-human-resource-manage-348174",
  "kind": "skill",
  "name": "bootstrap",
  "description": "Hướng dẫn UI/Bootstrap",
  "publisher": "duongvn9",
  "version": "1.0.0",
  "capabilities": {
    "domains": [
      "general"
    ],
    "tags": [
      "skill-md",
      "github-instructions"
    ],
    "languages": [
      "en"
    ]
  },
  "quality_prior": 0.6,
  "examples": [
    "Hướng dẫn UI/Bootstrap"
  ],
  "primary": false,
  "metadata": {
    "source": {
      "provider": "github-instructions",
      "repository": "https://github.com/duongvn9/SWP391-SE1960-FA25-Group4-Human-Resource-Management-System",
      "path": ".github/instructions/bootstrap.instructions.md",
      "ref": "8714b7d2bb1e1b798160b98de6d3af8a4d3054bf",
      "url": "https://github.com/duongvn9/SWP391-SE1960-FA25-Group4-Human-Resource-Management-System/blob/8714b7d2bb1e1b798160b98de6d3af8a4d3054bf/.github/instructions/bootstrap.instructions.md",
      "key": "duongvn9/SWP391-SE1960-FA25-Group4-Human-Resource-Management-System/.github/instructions/bootstrap.instructions.md"
    }
  },
  "instructions": "# Hướng dẫn UI/Bootstrap\n\n## Chuẩn giao diện\n\n- Dùng **Bootstrap 5.3+**, theme sáng/tối theo biến CSS (nếu có).\n- Kích thước container: `container` (mặc định), dùng `container-fluid` cho dashboard.\n- Form: sử dụng `form-label`, `form-control`, `is-invalid`/`invalid-feedback`.\n- Table: `table table-striped table-hover table-bordered`, có thead cố định nếu danh sách dài.\n\n## Mẫu thành phần\n\n- **Navbar**: sticky-top, có brand, menu theo role.\n- **Sidebar** (tùy chọn): collapse trên mobile.\n- **Modal**: xác nhận xóa, xem chi tiết nhanh.\n- **Toast/Alert**: thông báo thêm/sửa/xóa.\n\n## Khả năng truy ",
  "cost": {
    "context_tokens": 168
  }
}

Fetch it by URL: GET /api/v1/registry/duongvn9-swp391-se1960-fa25-group4-human-resource-manage-348174/manifest?version=1.0.0

About

Hướng dẫn UI/Bootstrap

Chuẩn giao diện

Mẫu thành phần

Khả năng truy cập

Use it

Manifest

Reviews