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

Bootstrap Demystified : ??? ??

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

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

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

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

 <div class = "????">
  <div class = "row">
    <div class = "col-sm-6"> ? 1 </div>
    <div class = "col-sm-6"> ? 2 </div>
  </div>
</div>

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

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

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

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

?? ???? ???? ?? ?????? : ??????. ?? ???? ?? ???? ???? ???? ?? ?? ?? ??? ????? ?? ???? ?????. ??, ???? ???? ??? ???? ?? ???? ??? ???? ?? ? ????. ??? ??? ???? : ?? ???? ???? ??? ?? ? ? ????. ?? ???? ???? ??? CSS? ???? Bootstrap? ?? ? ??? ?? ??? ?? ??? ???? ??? ?? ??? ? ????.

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

 .btn-custom {
  ??? : #FF6347;
  ?? ?? : #FF6347;
  ?? : ??;
}

.btn-custom : ?? {
  ??? : #FF4500;
  ?? ? : #FF4500;
}

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

 <?? ?? = "button"class = "btn btn-custom"> ??? ?? ?? </button>

?? ???, ??? ? ??? ??? ????? : ?? ???? ???? ??? ???? ???.

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

???? ? ? ?? ?? ????? ?????. ??? ????? ?? ?? ???? ?? ??? ? ? ????. ??? ? ?? ? ??? ???? ?? Bootstrap? CSS ? JavaScript? ?? ???? ?? ??? ?? ?? ? ????. ? ?? ??? ?? ??? ??? ????? Tailwind CSS? ?? ??? ??? ???? ?? ???? ?? ? ???? ???? ?? ??????.

?? ????, ?? ?? ? ? ??? ?? ??? ??? ????? ?? ????? ????. ?? ??, PurgecsS? ?? ??? ???? ???? ?? ???? ?? ? ? ???, ?? CSS ??? ??? ?? ?? ? ????. ??? Bootstrap? ?? Purgecss? ???? ??? ?? ?? ????.

 const purgecss = require ( '@fullhuman/postcss-purgecss')

module.exports = {
  ???? : [
    ?? ( 'Tailwindcss'),
    require ( 'AutoPrefixer'),
    ... (process.env.node_env === '??'
      ? [Purgecss ({
          ?? : [ '**/*. html'],
          defaultextractor : content => content.match (/[\ w-/:] (? <! :)/g) || []
        })]]
      : [])
  ]]
}

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

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

??? ??!

? ??? Bootstrap Demystified : ??? ??? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!