{
   "Bootstrap 5 Navbar Defaul": {
      "prefix": "b5-navbar-default",
      "body": [
        "    <nav class=\"navbar ${2|navbar-expand-sm,navbar-expand-md,navbar-expand-lg|} navbar-${3|light,dark|} bg-${4|primary,secondary,success,danger,warning,info,light,dark|}\">",
        "        <div class=\"container-fluid\">",
        "            <a class=\"navbar-brand\" href=\"#\">${4:Navbar}</a>",
        "            <button class=\"navbar-toggler\" type=\"button\" data-toggle=\"collapse\" data-target=\"#${1:navbarID}\"",
        "                aria-controls=\"${1:navbarID}\" aria-expanded=\"false\" aria-label=\"Toggle navigation\">",
        "                <span class=\"navbar-toggler-icon\"></span>",
        "            </button>",
        "            <div class=\"collapse navbar-collapse\" id=\"${1:navbarID}\">",
        "                <div class=\"navbar-nav\">",
        "                    <a class=\"nav-link active\" aria-current=\"page\" href=\"#\">Home</a>",
        "                    ${0}",
        "                </div>",
        "            </div>",
        "        </div>",
        "    </nav>"
      ],
      "description": "Bootstrap 5 Navbar Defaul"
    },
    "Bootstrap 5 nav-item":{
       "prefix":"b5-nav-item",
       "body":[
          "<li class=\"${1|nav-item,dropdown-item, |}\">",
          "    <a class=\"${2|nav-link,nav-link active, |}\" aria-current=\"${3|page, |}\" href=\"${4|#, |}\">${5|Home,About,Blog,Contact, |}</a>",
          "</li>"
       ],
       "description":"Bootstrap 5 nav-item"
    },
    "Bootstrap 5 navlink":{
       "prefix":"b5-navlink",
       "body":[
          "<a class=\"nav-link\" ${1| aria-disabled=\"false\",disabled tabindex=\"-1\" aria-disabled=\"true\"|} href=\"${2|#, |}\">${3|Home,About,Blog,Contact, |}</a>",
          ""
       ],
       "description":"Bootstrap 5 navlink"
    },
    "Bootstrap 5 nav-dropdown toggle":{
       "prefix":"b5-navdd-toggle",
       "body":[
          "<a class=\"nav-link dropdown-toggle\" href=\"#\" id=\"${1|navbarDropdownMenuLink, |}\" role=\"button\" data-toggle=\"dropdown\" aria-expanded=\"false\">",
          "b5-n${0}",
          "</a>"
       ],
       "description":"Bootstrap 5 nav-dropdown toggle"
    },
    "Bootstrap 5 nav-dropdown":{
       "prefix":"b5-navdropdown",
       "body":[
          "<ul class=\"dropdown-menu\" aria-labelledby=\"${1|navbarDropdownMenuLink, |}\">",
          "b5-n${0}",
          "</ul>"
       ],
       "description":"Bootstrap 5 nav-dropdown"
    },
    "Nav Bottom":{
       "prefix":"b5-Nav-bottom",
       "body":[
          "<nav class=\"navbar fixed-bottom navbar-expand-sm navbar-dark bg-dark\">",
          "  <div class=\"container-fluid\">",
          "    <a class=\"navbar-brand\" href=\"#\">Bottom navbar</a>",
          "    <button class=\"navbar-toggler\" type=\"button\" data-toggle=\"collapse\" data-target=\"#navbarCollapse\" aria-controls=\"navbarCollapse\" aria-expanded=\"false\" aria-label=\"Toggle navigation\">",
          "      <span class=\"navbar-toggler-icon\"></span>",
          "    </button>",
          "    <div class=\"collapse navbar-collapse\" id=\"navbarCollapse\">",
          "      <ul class=\"navbar-nav\">",
          "        <li class=\"nav-item active\">",
          "          <a class=\"nav-link\" aria-current=\"page\" href=\"#\">Home</a>",
          "        </li>",
          "        <li class=\"nav-item\">",
          "          <a class=\"nav-link\" href=\"#\">Link</a>",
          "        </li>",
          "        <li class=\"nav-item\">",
          "          <a class=\"nav-link disabled\" href=\"#\" tabindex=\"-1\" aria-disabled=\"true\">Disabled</a>",
          "        </li>",
          "        <li class=\"nav-item dropup\">",
          "          <a class=\"nav-link dropdown-toggle\" href=\"#\" id=\"dropdown10\" data-toggle=\"dropdown\" aria-expanded=\"false\">Dropup</a>",
          "          <ul class=\"dropdown-menu\" aria-labelledby=\"dropdown10\">",
          "            <li><a class=\"dropdown-item\" href=\"#\">Action</a></li>",
          "            <li><a class=\"dropdown-item\" href=\"#\">Another action</a></li>",
          "            <li><a class=\"dropdown-item\" href=\"#\">Something else here</a></li>",
          "          </ul>",
          "        </li>",
          "      </ul>",
          "    </div>",
          "  </div>",
          "</nav>"
       ],
       "description":"Nav Bottom"
    },
    "Scrollspy":{
       "prefix":"b5-scrollspy",
       "body":[
          "<nav id=\"${1:navbar-example2}\" class=\"navbar navbar-light bg-light px-3\">",
          "    <a class=\"navbar-brand\" href=\"#\">Navbar</a>",
          "    <ul class=\"nav nav-pills\">",
          "        <li class=\"nav-item\">",
          "            <a class=\"nav-link\" href=\"#${2:fat}\">@fat</a>",
          "        </li>",
          "    </ul>",
          "</nav>",
          "<div data-spy=\"scroll\" data-target=\"#${1:navbar-example2}\" data-offset=\"0\">",
          "    <h4 id=\"${2:fat}\">@fat</h4>",
          "</div>"
       ],
       "description":"Scrollspy"
    }
 }