Bootstrap Navbars? ??? ??? ???? ?? ? ? ??? ?? ??? ?? ??? ??? ??????. 1) ?? ??? ???? ???? ??? ????. 2) ? ?? ??? ??? ?? ?? ?? ??? ?? ??? ??? ?? ? ? ????. 3) ?? ???? Navbar? ???? ???? ??? ??? ???? ???? CSS? ???? ???? ?????? ???? ??? ????? ?? ?????.

??, ?? ??! ???, ??? Bootstrap Navbars? ??? ?? ???? ????. ? ??? ?? ??? ?????? ?????, ?? ?? ?????? - Navbars? ? ????? ??? ??? ?????. ???? ?? ?? ?? ???? ???, ???? ?? ?? ??? ??? ?? ???? ? ????. ?? ?? ???? ???? ?? ??? ?? ??? ?? ??? ???? ?? ?? ? ????.

Bootstrap Navbars? ??? ?? ?? ???? ?? ?? ??. ?? ???? ?? ??? ??? ????? ?? ?? ?? ? ???, ?? ??? ? ?? ???? ???? ?? ??? ???????.

???? Bootstrap Navbars? ? ??? ?????? Bootstrap? ?? ???? ?? ??? ?? ? ??? ???? ??? Navbar ?? ??? ?????. ???? ??? ???? Navbar? ?????? ??? ?? ????? ?? ???? ???? ????. ??? ???? ??? ?? ???? ?????.

??? ???? ??? ?? ??? ????.

 <nav class = "Navbar Navbar-expand-lg navbar-light bg-light">
  <a class = "Navbar-Brand"href = "#"> ? ??? </a>
  <button class = "navbar-toggler"type = "button"data-toggle = "??"data-target = "#navbarnav"aria-controls = "navbarnav"aria-expanded = "false"aria-label = "Toggle Navigation">
    <span class = "Navbar-Toggler-Icon"> </span>
  </??>
  <div class = "Collapse Navbar-Collapse"id = "navbarnav">
    <ul class = "Navbar-Nav">
      <li class = "nav-item active">
        <a class = "nav-link"href = "#"> home <span class = "sr-only"> (??) </span> </a>
      </li>
      <li class = "nav-item">
        <a class = "nav-link"href = "#"> ?? </a>
      </li>
      <li class = "nav-item">
        <a class = "nav-link"href = "#"> ?? </a>
      </li>
      <li class = "nav-item">
        <a class = "nav-link disabled"href = "#"tabindex = "-1"aria disabled = "true"> disabled </a>
      </li>
    </ul>
  </div>
</nav>

? ??? ??? ??, ????? ? ?? ? ?? ?? ????? ?? ??? ?? ?????. ????? ??????!

?? ? ?? ?? ??? ??? ?? ??????. ?? ?? ???? ? ? ??? Navbar? ?? ?? ??? ???? ????. ??? ???? ???? ??? ??? ??? ???? ? ?? ?????.

Navbar? ?? ??? ???? ??? ??? ????.

 <nav class = "Navbar Navbar-expand-lg navbar-light bg-light">
  <a class = "Navbar-Brand"href = "#"> ? ??? </a>
  <button class = "navbar-toggler"type = "button"data-toggle = "??"data-target = "#navbarnavdropdown"aria-controls = "navbarnavdropdown"aria-expanded = "false"aria-label = "Toggle Navigation">
    <span class = "Navbar-Toggler-Icon"> </span>
  </??>
  <div class = "Collapse Navbar-Collapse"id = "navbarnavdropdown">
    <ul class = "Navbar-Nav">
      <li class = "nav-item active">
        <a class = "nav-link"href = "#"> home <span class = "sr-only"> (??) </span> </a>
      </li>
      <li class = "nav-item">
        <a class = "nav-link"href = "#"> ?? </a>
      </li>
      <li class = "nav-item dropdown">
        <a class = "nav-link dropdown-toggle"href = "#"id = "navbardRopdownMenUlink"role = "button"data-toggle = "dropdown"aria-haspopup = "true"aria-expanded = "false">
          ?? ?? ??
        </a>
        <div class = "dropdown-menu"aria-labelledby = "navbardropdownmenulink">
          <a class = "dropdown-item"href = "#"> action </a>
          <a class = "dropdown-item"href = "#"> ?? ?? </a>
          <a class = "dropdown-item"href = "#"> ??? ?? ? </a>
        </div>
      </li>
    </ul>
  </div>
</nav>

? ??? "?? ?? ??"?? ??? ?? ?? ??? ???? ?? ??? ????? ? ?????.

?? ? ?? ???? ??? ??? ???? ??????. ?? ??? ??? ?? ? ??? Bootstrap? ?? ???? ??? ??? ?? CS? ?? ? ? ??? ????. ?? ???? ?? ?? ??? ?? ???? Bootstrap? ???? ????? ??? ????? ??????. navbar-custom ? ?? ???? ???? Navbar? ????? ???????.

???? ? ? ?? ?? ??????. ??? ??? ???? ???? ???? ?? ???? Navbar? ??? ? ? ??? ??????. aria-label ? aria-controls ? ?? ??? ARIA ??? ???? ?? ??? ??? ??? ??????.

?? ???? ???? ???? ? ?? ??? ???? ??? ?? JavaScript ?? CSS ?????? ???? ????. ??? Navbar ???? ??????? ??? ????.

 <nav class = "Navbar Navbar-expand-lg navbar-light bg-light">
  <a class = "Navbar-Brand"href = "#"> ? ??? </a>
  <button class = "navbar-toggler"type = "button"data-toggle = "??"data-target = "#navbarnav"aria-controls = "navbarnav"aria-expanded = "false"aria-label = "Toggle Navigation">
    <span class = "Navbar-Toggler-Icon"> </span>
  </??>
  <div class = "Collapse Navbar-Collapse"id = "navbarnav">
    <ul class = "Navbar-Nav">
      <!-??? NAV ??->
    </ul>
  </div>
</nav>

<???>
  .navbar-collapse {
    ?? : ?? 0.3s ??;
  }

  .navbar-collapse.collapsing {
    ?? : 0;
  }

  .navbar-collapse.show {
    ?? : ??;
  }
</???>

? CSS ? ??? ?? ??? ?? ? ? Navbar? ??? ??? ???? ?? ???? ?? ? ?????.

?? ??? ???? ?? Navbar? ???? ????? ??????. ???? ?? ? ? ???? ?? ?? ???? ????? ????. ?? Navbar? ??? ????? ???? ??????. ????? ????? ???? ???? ? ????? ?? ????.

??? ????? ?? Bootstrap Navbars? ????? ?? ?? ??, ?? ?? ?? ? ?? ?? ??? ?? ????. ??? ??? ??? ???? ??? ???? ??? ??? ??? ????? Navbar? ?? ? ????. ??? ??!

??? ??? ??? ??? ?? ???? ??? ??? ???, ??? ?????? - ?? ?? ? ?? ?? ???? ??? ????!

? ??? ??? ? ?? ??? ??? ?? : ??? ? ???? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!