Bootstrap? ???? ?? ?? ? ? ???? ???? ???? ??? Tailwind CSS, Foundation ? Bulma?? ????. 1. Bootstrap? ?? ?? ? ???? ?? ??? ??? ?????? ?????. 2. CSS ? JavaScript ?????? ?? ? ??? ? ??? ??? ?????. 3. ?? ??? ????? ??? ???? ? ?? ? ? ????.

??

?? ? ???? ??? ??? ?? ??? ??? ???? ????? ???? ?? ??? ??? ? ??? ? ? ????. ?? ??? ?? ??? ? ?? ??? ??? ?? ??? ?? ?? ? ????. ? ??? ???? ?? ???? ??? ??? Tailwind CSS, Foundation ? Bulma? ?? ?? ???? ??? ???? ???? ?? ????. ????? ?? ? ?????,? ??? ??? ???? ???? ? ??? ??? ? ? ??? ?????.

?? ?? ??

Bootstrap? Twitter? ?? ? ?? ?? ??? ?? ??? ???? ?? ? ? ??? ? ?? ????? ???? ???? ?? ??????. ??? ?? ?? ? ???, ?? ?? ? JavaScript ????? ???? ???? ???? ??? ??? ?????? ??? ?? ? ? ????. Bootstrap? ??? ?? ????? ??? ???? ???? ??? ???? ??? ?? ????.

Bootstrap? ??? ?? ??? ???? Tailwind CSS, Foundation ? Bulma? ????. Tailwind CSS? ??? ?? ???? ???? ?? ??? ???? Foundation? ???? ?? ? ????? ???? Bulma? ???? ???? ??? ???? ?? ???? ??????.

?? ?? ?? ?? ??

?? ???? ??? ??

?? ???? ??? ?? ? ???? ?? ?? ? ?? ?? ????????. ??? ???, ????? ??, ??, ?? ?? ?? ?? ?? ??? ???? ???? ???? ???? ??? ?????? ??? ?? ? ? ??????. 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>
      <li class = "nav-item dropdown">
        <a class = "nav-link dropdown-toggle"href = "#"id = "navbardropdown"?? = "??"data-toggle = "dropdown"aria-haspopup = "true"aria-expanded = "false">
          ?? ??
        </a>
        <div class = "dropdown-menu"aria-labelledby = "navbardropdown">
          <a class = "dropdown-item"href = "#"> action </a>
          <a class = "dropdown-item"href = "#"> ?? ?? </a>
          <div class = "dropdown-divider"> </div>
          <a class = "dropdown-item"href = "#"> ??? ?? ? </a>
        </div>
      </li>
    </ul>
  </div>
</nav>

?? ??

Bootstrap? ?? ??? ?? CSS ? JavaScript ?????? ?? ????. CSS ??? ?? ?? ? ??? ? ??? ???? ???? ???? ?? ? ????? ?? ?? ? ????. JavaScript ??? ?? ??, ??? ????? ?? ?? ?? ? ?? ??? ?????. Bootstrap? ???? ??? ?? ??? ???? ???? ??? ??? ?????? ?? ? ? ??? ???????.

??? ???? Bootstrap? ??? ???? col-md-4 ? ?? ???? ???? ?? ??? ???? ?? ? ????? ?????. JavaScript ?? ??? jQuery ?? ?? JavaScript? ?? ??? ??? ?????.

??? ?

?? ??

?? ???? ?? ??? ?? ?????. Bootstrap? CSS ? JavaScript ??? HTML ??? ?? ? ?? ?? ?? ? ???? ??????. ?? ?? ??? ??? ????.

 <!-?? ??? ? : ??->
<?? ?? = "??"??? = "btn btn-primary"> ?? </button>

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

?? ??

?? ???? ?? ???? ??? ??? ? ?? ?? ??? ?????. ?? ?? Sass ??? ???? ?? ???? ?? ??? ??? ?? ? ? ????.

 // ??? ?? ?? ??? ?? ?? $ 1 ? : #33B5E5;
$ 2 ? : #FF4081;

// ?? ??? ?? ??
@import "bootstrap";

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

???? ?? ? ??? ?

?? ???? ??? ?? ???? ???? ??? ??? ?? ? ???? ??? ?????. ??? ??? ????? CSS ?? ??? ????? !important ???? ??? ? ???, ?? ? ???? ??? ??? ???? ???? ???? ??? ? ????.

?? ??, ?? ???? ????? ?? ??? ???? ??? navbar-expand-* ???? ????? ?? ? ? ????.

 <!-?? ?? ?? ?? ? ??? ?????->
<nav class = "Navbar Navbar-expand-sm Navbar-light BG-light">
  <!-????? ? ???->
</nav>

?? ??? ? ?? ??

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

• ???? ?? ??? ??? : ?? ?? ??? ?????? ?? ??? ?? ?? ? ?????.
• CDN ?? : CDN (Content Distribution Network)? ???? ?? ??? ??????? ?? ??? ???? ? ????.
• ??? ?? : ?? ???? ??? ?? ?? ??? ???? ??? ?? ??? ??? ? ??????.

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

• Semantic HTML ?? : HTML ??? ???? ????? ???? ?? ? SEO ??? ???? ???? ? ????.
• ?? ? ?? : ?? ?? ? ???? ???? ?? ??? ??? ??????.
• ?? ?? : GIT? ?? ?? ?? ???? ???? ??? ? ?? ? ?? ?? ?? ?????.

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

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

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