CustomInstructions/ChatGPT/knowledge/Strap UI/WebDesignResouces.json

{
    "webDesignResources": {
      "bootstrapElements": {
        "standardComponents": {
          "navigationBar": {
            "description": "Versatile navigation bars adaptable to any site layout. Supports dropdowns, responsive toggling, and branding options.",
            "useCases": "Main website navigation, user dashboards, mobile-friendly menus.",
            "example": "<nav class='navbar navbar-expand-lg'>...</nav>"
          },
          "modals": {
            "description": "Customizable pop-up modals for user alerts, data forms, or detailed content displays.",
            "useCases": "Contact forms, information pop-ups, image galleries.",
            "example": "<div class='modal fade' id='exampleModal' tabindex='-1'>...</div>"
          },
          "cards": {
            "description": "Flexible cards for displaying a variety of content types, including images, text, and links.",
            "useCases": "Product listings, blog posts, profile cards.",
            "example": "<div class='card' style='width: 18rem;'>...</div>"
          },
          "gridSystem": {
            "description": "Responsive grid system for structuring content in a clean, organized layout.",
            "useCases": "Photo galleries, product grids, layout structuring.",
            "example": "<div class='row'><div class='col'>...</div></div>"
          },
          "offCanvas": {