?? ??? ??? ?? ? ?? ?? ???? ????? ?? : 1. ??? ??? ??? CSS ?? ? SASS ? ??? ??; 2. ?? ?? ??? ??? ?? ???? ??????. ??? ??? ?? ? ???? ?? ?? ??? ??? ????? ?? ?? ? ??? ?????? ?? ? ????.

??

??? ?? ??? ???? ?? ???? ?? ????????. ? ??? ??? ?? ? ? ???? ???? ?? ? ??? ??? ?? ??? ???? ?????. ??? ?? ???? ?? ??? ???? ???? ????. Bootstrap? ??? ?? ? ?? ?? ??? ???? ????? ??? ???? ?????. ? ??? ?? ?? ???? ???? ? ?? ?? ?? ? ??? ?????? ??? ??? ??????.

?? ?? ??

Bootstrap? HTML, CSS ? JavaScript? ???? ? ??? ?? ??? ?????. ? ???? ???? ???? ? ????? ?? ?? ?? ??? ? ?? ??? ?????. ??? ?? ???? ???? ?????? CSS ??, SASS ? ??? ? JavaScript ????? ?? ??? ???????. ? ??? ?? ???? ??? ???? ??? ? ????.

?? ???? ???? ?? ??? ? ??? ??? ?? ?????. ??? ???? ??? ?? ??? ????? Bootstrap? ??? ?? ?? ?????? ?????. ??? ??? ?? ??? ???? ??? ?? ????? ???? ??? ?? ??? ?? ???? ???? ??? ???????.

?? ?? ?? ?? ??

?? ??? ??? ??

?? ??? ??? ??? ??? CSS ?? ? SASS ?? ??????. CSS ??? ?? ??, ?? ?? ?? ?? ?? ???? ?? ???? ?? ??? ? ????.

?? ?? CSS ??? ???? ?? ???? ?? ?? ??? ? ????.

 : ?? {
  -BS-Primary : #007bff;
  -BS-Secondary : #6C757D;
}

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

?? ??? ??

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

?? ??, ?? ???? ????? ? ?? ??? ???, ????? ?? ? ?? ??? ??? ?? ???? ?????. ? ??? ??? ??? ??? ???? ????? ?? ???? ??? ??? ?? ? ? ????.

 <nav class = "Navbar Navbar-expand-lg navbar-light bg-light">
  <a class = "navbar-brand"href = "#"> navbar </a>
  <button class = "navbar-toggler"type = "button"data-toggle = "??"data-target = "#navbarsupportedContent"aria-controls = "navbarsupportedContent"aria-expanded = "false"aria-label = "Toggle Navigation">
    <span class = "Navbar-Toggler-Icon"> </span>
  </??>
  <div class = "Collapse Navbar-Collapse"id = "NavbarsUpportedContent">
    <ul class = "Navbar-Nav mr-auto">
      <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 = "#"> link </a>
      </li>
    </ul>
  </div>
</nav>

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

??? ?

?? ??

??? ???? ???????. Bootstrap? ??? ?? ???? ???? ??? ??? ???? ?? ??? ?? ??? ? ????.

 <?? ?? = "??"??? = "btn btn-primary"> ?? </button>
<?? ?? = "button"class = "btn btn-secondary"> secondary </button>

??? ??? ???? ??? ???? ??? ???? ?? ? ????. ??? ????? ????? ???? ???? CSS ??? ?? ??? ??? ??? ???? ??? ?? ??? ??????.

?? ??

?? ??????? ?? ?? ????? ?? ?? ?? ?? ??? ?? ??? ???????. Bootstrap? ?? ??? ??? ?? CSS? ?? ??? ??? ?? ? ? ????.

 <nav class = "Navbar Navbar-expand-lg navbar-light bg-light">
  <a class = "navbar-brand"href = "#"> navbar </a>
  <button class = "navbar-toggler"type = "button"data-toggle = "??"data-target = "#navbarsupportedContent"aria-controls = "navbarsupportedContent"aria-expanded = "false"aria-label = "Toggle Navigation">
    <span class = "Navbar-Toggler-Icon"> </span>
  </??>
  <div class = "Collapse Navbar-Collapse"id = "NavbarsUpportedContent">
    <ul class = "Navbar-Nav mr-auto">
      <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 = "#"> link </a>
      </li>
    </ul>
    <form class = "form-inline my-2 my-lg-0">
      <input class = "form-control mr-sm-2"type = "??"?? ?? ? = "??"aria-label = "??">
      <button class = "btn btn-outline-success my-sm-0"type = "??"> ?? </button>
    </form>
  </div>
</nav>

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

???? ?? ? ??? ?

?? ???? ??? ?? ?? ??? ??, ?? ? ???? ?? ?? ?? ? ?? ???? ??? ?????. ??? ??? ?????? ? ?? ??? CSS ?? ??? ??? ?? ???? ?? ? ???? ???? ????.

?? ??, ?? ??? ???? ???? ??? ????? ??? ??? ???? ??? CSS ??? ???? ??? ?? ??? ? ????.

?? ??? ? ?? ??

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

1. ???? ?? ??? ??? : ??? ?? ?? ????? ?? ??? ?? ?? ? ????.
2. CSS ?? ?? : CSS ??? ???? ?? CSS ??? ??? ?? ?? ??? ???? ? ????.
3. ?? ? ?? ??? : ??? ?? ?? ? ?? ??? ???? ?? ??? ?? ?? ? ? ????.

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

• ??? ?? ? ???? : ???? ??? ??? ??? ???? ? ???? ??? ?? ??? ? ???????.
• ?? ? ??? : ? ???? ?? ??? ? ???? ??? ??????.
• ?? ? ?? : ?? ?? ? ??? ???? ?? ??? ??? ??????.

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

Bootstrap? ????? ??? ?? ? ?? ?? ??? ????? ?? ??? ?? ?????? ?????. ? ??? ?? ??? Bootstrap? ?? ??? ??? ????? ??? ??? ?? ? ?? ??? ?? ?? ? ??? ?????? ??? ??? ????? ?????. ? ??? ????? ??? ?? ?? ??? ??? ? ??? ????.

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