Bootstrap? ?? ?? ??? ?? ??? ???? ?? ??? ???? ?? ? ? ???? ???? ????? ?? ????. 1) ??? UI ??? ??? ?????? ?? ?? ?? ? CSS ??? ? JavaScript ????? ?????. 2) ?? ???? ?? ??? CSS ? JavaScript ?? ??? ???? ??? ??? ?? ?? ? ???? ?????. 3) ??? ??? ?? ??? ?? ?? ?? ? ??? ?? ???? ?? ?? ???? ?????. 4) ???? ???? ??? ?? ?? ? ??? ?? ??? ?????. ???? ??? ??? ???? ????? ?? ????. 5) ??? ?? ??? ?? ?? ???? ?? ? ? ??? ?? ???? Semantic HTML ? ?? ?? ? ??? ?? ??? ?????.

??

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

?? ?? ??

Twitter? ?? ? Bootstrap? ???? ?? ? ? ??? ? ?? ????? ???? ?? ? ? ??? ??? ?? ?? ??? ?? ??? ?????. ??? CSS ? JavaScript ?? ??? ??? UI ?? ?? ? ???? ?????. Bootstrap? ???? ?? ???? ????? ???? ?? ??? ???? ???? ???? ? ???? ???? ?? ? ? ????.

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

?? ?? ?? ?? ??

?? ???? ??? ??

Bootstrap? ???? ?? ? ? ???? ???? ???? ? ????? ?? ??? ??? ??? ?? ??? ?????. ?? ???? ???? ?? ?? ?? ?? ???? ??? ??? ?????? ?? ? ????? ????. Bootstrap? ?? ?? ? CSS ??? ? JavaScript ????? ???? ???? ??? UI ??? ?? ??? ? ????.

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

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

? ??? ?? ? ??? 2 ? ?? ? ????? ?? ? ???, ?? ?? ?????.

?? ??

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

Bootstrap? ?? ? ???? ??? ??? ?? ?????. ??? ??? ???? ?? ?? ??? ?? ?? ???? ?? ? ? ???? ?? ? ????? ?? ? ? ????. ?? ??:

 @Media (max-width : 768px) {
  .col-md-6 {
    ?? : 100%;
  }
}

? ??? ?? ??? 768px ??? ?? ??? .col-md-6 ?? 100%? ???? ??? ???? ?? ? ????? ?????.

??? ?

?? ??

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

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

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

?? ??

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

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

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

?? ?? html ??? ??? ?? ???? ??????.

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

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

???? ?? ? ??? ?

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

??? ?? ???? ???? ??? ??? ???? ?? ??? ? JavaScript ??? ???? ?? ????. ??? ??? ?? ?? ??? ??????? ???? ? ??? ??? ???? ?? ? ????.

?? ??? ? ?? ??

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

 # ?? ???? ??? ?? ?? ?? NPX ?? ??? ??? ??? ??????

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

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

• ??? HTML ??? ???? ??? ???? ?? ?? ???? ??????.
• ??? ??? ?? Bootstrap? ?? ?? ? ??? ??? ???? ??? ?? ? ? ????.
• ??? ????? ?? CSS? ???? ???? ?? Bootstrap? ??? ???? ???? ?? ??????.

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

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

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