{"id":87016,"date":"2025-05-17T23:27:04","date_gmt":"2025-05-17T16:27:04","guid":{"rendered":"https:\/\/itviec1.uptech.vn\/?p=87016"},"modified":"2025-07-10T11:19:23","modified_gmt":"2025-07-10T04:19:23","slug":"bootstrap-color-la-gi","status":"publish","type":"post","link":"https:\/\/itviec.com\/blog\/bootstrap-color-la-gi\/","title":{"rendered":"Bootstrap Color: C\u00e1ch s\u1eed d\u1ee5ng h\u1ec7 th\u1ed1ng m\u00e0u trong Bootstrap"},"content":{"rendered":"<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_85 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">N\u1ed9i dung b\u00e0i vi\u1ebft<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/itviec.com\/blog\/bootstrap-color-la-gi\/#Color_trong_Bootstrap_la_gi\" >Color trong Bootstrap l\u00e0 g\u00ec?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/itviec.com\/blog\/bootstrap-color-la-gi\/#Tong_quan_ve_he_thong_mau_trong_Bootstrap\" >T\u1ed5ng quan v\u1ec1 h\u1ec7 th\u1ed1ng m\u00e0u trong Bootstrap<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/itviec.com\/blog\/bootstrap-color-la-gi\/#Huong_dan_tuy_chinh_mau_sac_trong_Bootstrap\" >H\u01b0\u1edbng d\u1eabn t\u00f9y ch\u1ec9nh m\u00e0u s\u1eafc trong Bootstrap<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/itviec.com\/blog\/bootstrap-color-la-gi\/#Nhung_luu_y_khi_su_dung_mau_sac_trong_Bootstrap\" >Nh\u1eefng l\u01b0u \u00fd khi s\u1eed d\u1ee5ng m\u00e0u s\u1eafc trong Bootstrap<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/itviec.com\/blog\/bootstrap-color-la-gi\/#Cac_cau_hoi_thuong_gap_ve_Bootstrap_color\" >C\u00e1c c\u00e2u h\u1ecfi th\u01b0\u1eddng g\u1eb7p v\u1ec1 Bootstrap color<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/itviec.com\/blog\/bootstrap-color-la-gi\/#Tong_ket\" >T\u1ed5ng k\u1ebft<\/a><\/li><\/ul><\/nav><\/div>\n\n<p><em><strong>Trong thi\u1ebft k\u1ebf giao di\u1ec7n web, m\u00e0u s\u1eafc kh\u00f4ng ch\u1ec9 \u0111\u01a1n thu\u1ea7n l\u00e0 y\u1ebfu t\u1ed1 th\u1ea9m m\u1ef9 m\u00e0 n\u00f3 c\u00f2n \u1ea3nh h\u01b0\u1edfng l\u1edbn \u0111\u1ebfn tr\u1ea3i nghi\u1ec7m ng\u01b0\u1eddi d\u00f9ng, kh\u1ea3 n\u0103ng \u0111\u1ecdc hi\u1ec3u n\u1ed9i dung v\u00e0 nh\u1eadn di\u1ec7n th\u01b0\u01a1ng hi\u1ec7u. Bootstrap cung c\u1ea5p m\u1ed9t h\u1ec7 th\u1ed1ng m\u00e0u s\u1eafc m\u1ea1nh m\u1ebd gi\u00fap qu\u1ea3n l\u00fd v\u00e0 s\u1eed d\u1ee5ng m\u00e0u s\u1eafc m\u1ed9t c\u00e1ch d\u1ec5 d\u00e0ng, linh ho\u1ea1t v\u00e0 nh\u1ea5t qu\u00e1n. T\u00ecm hi\u1ec3u chi ti\u1ebft c\u00e1ch s\u1eed d\u1ee5ng h\u1ec7 th\u1ed1ng m\u00e0u Bootstrap color.<\/strong><\/em><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">\u0110\u1ecdc b\u00e0i vi\u1ebft n\u00e0y \u0111\u1ec3 hi\u1ec3u r\u00f5:<\/span><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><span style=\"font-weight: 400;\">C\u00e1ch Bootstrap h\u1ed7 tr\u1ee3 qu\u1ea3n l\u00fd m\u00e0u s\u1eafc<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400;\">To\u00e0n b\u1ed9 h\u1ec7 th\u1ed1ng m\u00e0u m\u00e0 Bootstrap cung c\u1ea5p<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400;\">C\u00e1ch t\u00f9y bi\u1ebfn m\u00e0u s\u1eafc theo brand c\u1ee7a ri\u00eang b\u1ea1n<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400;\">Nh\u1eefng l\u01b0u \u00fd khi s\u1eed d\u1ee5ng m\u00e0u trong d\u1ef1 \u00e1n th\u1eadt<\/span><\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-color-trong-bootstrap-la-gi\"><span class=\"ez-toc-section\" id=\"Color_trong_Bootstrap_la_gi\"><\/span><b>Color trong Bootstrap l\u00e0 g\u00ec?<\/b><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-vai-tro-c\u1ee7a-h\u1ec7-th\u1ed1ng-mau-s\u1eafc-trong-thi\u1ebft-k\u1ebf-web\"><b>Vai tr\u00f2 c\u1ee7a h\u1ec7 th\u1ed1ng m\u00e0u s\u1eafc trong thi\u1ebft k\u1ebf web<\/b><\/h3>\n\n\n\n<p><span style=\"font-weight: 400;\">H\u1ec7 th\u1ed1ng m\u00e0u s\u1eafc trong thi\u1ebft k\u1ebf web \u0111\u00f3ng vai tr\u00f2 r\u1ea5t quan tr\u1ecdng. M\u00e0u s\u1eafc kh\u00f4ng ch\u1ec9 l\u00e0m t\u0103ng t\u00ednh th\u1ea9m m\u1ef9 m\u00e0 c\u00f2n \u1ea3nh h\u01b0\u1edfng tr\u1ef1c ti\u1ebfp \u0111\u1ebfn tr\u1ea3i nghi\u1ec7m ng\u01b0\u1eddi d\u00f9ng (UX) v\u00e0 t\u00ednh hi\u1ec7u qu\u1ea3 trong giao ti\u1ebfp th\u00f4ng tin c\u1ee7a trang web. M\u1ed9t trang web s\u1eed d\u1ee5ng h\u1ec7 th\u1ed1ng m\u00e0u t\u1ed1t s\u1ebd gi\u00fap:<\/span><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><span style=\"font-weight: 400;\">T\u0103ng t\u00ednh nh\u1eadn di\u1ec7n th\u01b0\u01a1ng hi\u1ec7u<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400;\">C\u1ea3i thi\u1ec7n kh\u1ea3 n\u0103ng \u0111\u1ecdc (v\u00ed d\u1ee5: ph\u00e2n bi\u1ec7t r\u00f5 r\u00e0ng gi\u1eefa ch\u1eef v\u00e0 n\u1ec1n)<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400;\">Truy\u1ec1n \u0111\u1ea1t c\u1ea3m x\u00fac (v\u00ed d\u1ee5: th\u00f4ng b\u00e1o m\u00e0u xanh l\u00e1 = th\u00e0nh c\u00f4ng, \u0111\u1ecf = c\u1ea3nh b\u00e1o)<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400;\">\u0110i\u1ec1u h\u01b0\u1edbng ng\u01b0\u1eddi d\u00f9ng m\u1ed9t c\u00e1ch tr\u1ef1c quan h\u01a1n<\/span><\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-bootstrap-h\u1ed7-tr\u1ee3-qu\u1ea3n-ly-mau-s\u1eafc-nh\u01b0-th\u1ebf-nao\"><b>Bootstrap h\u1ed7 tr\u1ee3 qu\u1ea3n l\u00fd m\u00e0u s\u1eafc nh\u01b0 th\u1ebf n\u00e0o?<\/b><\/h3>\n\n\n\n<p><span style=\"font-weight: 400;\">Bootstrap cung c\u1ea5p m\u1ed9t h\u1ec7 th\u1ed1ng m\u00e0u s\u1eafc r\u1ea5t linh ho\u1ea1t th\u00f4ng qua m\u1ed9t lo\u1ea1t c\u00e1c l\u1edbp ti\u1ec7n \u00edch (utility class) v\u00e0 SCSS Variables. Bootstrap color gi\u00fap truy\u1ec1n t\u1ea3i \u00fd ngh\u0129a b\u1eb1ng m\u00e0u s\u1eafc th\u00f4ng qua m\u1ed9t s\u1ed1 l\u1edbp ti\u1ec7n \u00edch m\u00e0u, t\u1ea1o ki\u1ec3u cho v\u0103n b\u1ea3n, n\u00fat b\u1ea5m, \u0111\u01b0\u1eddng vi\u1ec1n, m\u00e0u n\u1ec1n, \u0111\u1ed3ng th\u1eddi h\u1ed7 tr\u1ee3 t\u1ea1o ki\u1ec3u cho li\u00ean k\u1ebft v\u1edbi hi\u1ec7u \u1ee9ng khi di chu\u1ed9t.<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">Bootstrap x\u00e2y d\u1ef1ng c\u00e1c l\u1edbp ti\u1ec7n \u00edch m\u00e0u s\u1eafc th\u00f4ng qua h\u1ec7 th\u1ed1ng m\u00e0u ch\u1ee7 \u0111\u1ec1 (theme colors), k\u1ebft h\u1ee3p v\u1edbi c\u00e1c th\u00e0nh ph\u1ea7n c\u00f3 th\u1ec3 thay \u0111\u1ed5i m\u00e0u s\u1eafc trong HTML.<\/span><\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p><em>\u0110\u1ecdc th\u00eam: <a href=\"https:\/\/itviec.com\/blog\/bootstrap-la-gi\/\" target=\"_blank\" rel=\"noopener\"><strong>Bootstrap l\u00e0 g\u00ec? 7 t\u00ednh n\u0103ng c\u1ea7n bi\u1ebft trong Bootstrap<\/strong><\/a><\/em><\/p>\n<\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-t\u1ed5ng-quan-v\u1ec1-h\u1ec7-th\u1ed1ng-mau-trong-bootstrap\"><span class=\"ez-toc-section\" id=\"Tong_quan_ve_he_thong_mau_trong_Bootstrap\"><\/span><b>T\u1ed5ng quan v\u1ec1 h\u1ec7 th\u1ed1ng m\u00e0u trong Bootstrap<\/b><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-h\u1ec7-th\u1ed1ng-mau-ch\u1ee7-d\u1ec1-theme-colors-trong-bootstrap\"><b>H\u1ec7 th\u1ed1ng m\u00e0u ch\u1ee7 \u0111\u1ec1 (Theme colors) trong Bootstrap<\/b><\/h3>\n\n\n\n<p><span style=\"font-weight: 400;\">Bootstrap \u0111\u1ecbnh ngh\u0129a s\u1eb5n m\u1ed9t t\u1eadp h\u1ee3p c\u00e1c m\u00e0u ch\u1ee7 \u0111\u1ec1 (theme colors) ph\u1ee5c v\u1ee5 cho t\u1eebng m\u1ee5c \u0111\u00edch kh\u00e1c nhau bao g\u1ed3m:<\/span><\/p>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><tbody><tr><td><b>T\u00ean ch\u1ee7 \u0111\u1ec1<\/b><\/td><td><b>M\u00e0u s\u1eafc hi\u1ec3n th\u1ecb<\/b><\/td><td><b>\u00dd ngh\u0129a<\/b><\/td><\/tr><tr><td><b>primary<\/b><\/td><td><figure><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-87055\" src=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-1-vippro.png\" alt=\"Bootstrap Color: C\u00e1ch s\u1eed d\u1ee5ng h\u1ec7 th\u1ed1ng m\u00e0u trong Bootstrap \" width=\"220\" height=\"115\" srcset=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-1-vippro.png 220w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-1-vippro-200x105.png 200w\" sizes=\"auto, (max-width: 220px) 100vw, 220px\" \/><\/figure><\/td><td><span style=\"font-weight: 400;\">M\u00e0u ch\u00ednh (primary color) \u0111\u1ea1i di\u1ec7n cho th\u01b0\u01a1ng hi\u1ec7u ho\u1eb7c h\u00e0nh \u0111\u1ed9ng ch\u00ednh trong giao di\u1ec7n.<\/span>\n<p><span style=\"font-weight: 400;\"><br><\/span><span style=\"font-weight: 400;\">V\u00ed d\u1ee5: N\u00fat ch\u00ednh \u201c\u0110\u0103ng k\u00fd\u201d, \u201cMua ngay\u201d, link n\u1ed5i b\u1eadt, CTA (Call to Action)<\/span><\/p>\n<\/td><\/tr><tr><td><b>secondary<\/b><\/td><td><figure><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-87056\" src=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-2-vippro.jpg\" alt=\"Bootstrap Color: C\u00e1ch s\u1eed d\u1ee5ng h\u1ec7 th\u1ed1ng m\u00e0u trong Bootstrap\" width=\"214\" height=\"112\" srcset=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-2-vippro.jpg 214w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-2-vippro-200x105.jpg 200w\" sizes=\"auto, (max-width: 214px) 100vw, 214px\" \/><\/figure><\/td><td><span style=\"font-weight: 400;\">D\u00f9ng cho nh\u1eefng ph\u1ea7n kh\u00f4ng quan tr\u1ecdng b\u1eb1ng m\u00e0u ch\u00ednh ho\u1eb7c b\u1ed5 tr\u1ee3.<\/span>\n<p><span style=\"font-weight: 400;\">V\u00ed d\u1ee5: N\u00fat \u201cHu\u1ef7\u201d, \u201cB\u1ecf qua\u201d, Label ph\u1ee5, m\u00f4 t\u1ea3 tr\u1ea1ng th\u00e1i nh\u1ecf<\/span><\/p>\n<\/td><\/tr><tr><td><b>success<\/b><\/td><td><figure><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-87057\" src=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-3-vippro.png\" alt=\"Bootstrap Color: C\u00e1ch s\u1eed d\u1ee5ng h\u1ec7 th\u1ed1ng m\u00e0u trong Bootstrap\" width=\"214\" height=\"116\" srcset=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-3-vippro.png 214w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-3-vippro-200x108.png 200w\" sizes=\"auto, (max-width: 214px) 100vw, 214px\" \/><\/figure><\/td><td><span style=\"font-weight: 400;\">B\u00e1o hi\u1ec7u \u0111i\u1ec1u g\u00ec \u0111\u00f3 di\u1ec5n ra \u0111\u00fang ho\u1eb7c th\u00e0nh c\u00f4ng.<\/span>\n<p><span style=\"font-weight: 400;\">V\u00ed d\u1ee5: Alert th\u00f4ng b\u00e1o g\u1eedi form th\u00e0nh c\u00f4ng, Badge x\u00e1c nh\u1eadn (\u201c\u0110\u00e3 thanh to\u00e1n\u201d, \u201cH\u1ee3p l\u1ec7\u201d), Icon check<\/span><\/p>\n<\/td><\/tr><tr><td><b>danger<\/b><\/td><td><figure><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-87058\" src=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-4-vippro.png\" alt=\"Bootstrap Color: C\u00e1ch s\u1eed d\u1ee5ng h\u1ec7 th\u1ed1ng m\u00e0u trong Bootstrap\" width=\"214\" height=\"116\" srcset=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-4-vippro.png 214w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-4-vippro-200x108.png 200w\" sizes=\"auto, (max-width: 214px) 100vw, 214px\" \/><\/figure><\/td><td><span style=\"font-weight: 400;\">C\u1ea3nh b\u00e1o l\u1ed7i nghi\u00eam tr\u1ecdng, h\u00e0nh \u0111\u1ed9ng x\u00f3a, ho\u1eb7c thao t\u00e1c kh\u00f4ng th\u1ec3 ho\u00e0n t\u00e1c.<\/span>\n<p><span style=\"font-weight: 400;\">V\u00ed d\u1ee5: Th\u00f4ng b\u00e1o l\u1ed7i, invalid form, n\u00fat xo\u00e1 t\u00e0i kho\u1ea3n, vi\u1ec1n ho\u1eb7c ch\u1eef b\u00e1o l\u1ed7i<\/span><\/p>\n<\/td><\/tr><tr><td><b>warning<\/b><\/td><td><figure><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-87059\" src=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-5-vippro.png\" alt=\"Bootstrap Color: C\u00e1ch s\u1eed d\u1ee5ng h\u1ec7 th\u1ed1ng m\u00e0u trong Bootstrap\" width=\"215\" height=\"112\" srcset=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-5-vippro.png 215w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-5-vippro-200x104.png 200w\" sizes=\"auto, (max-width: 215px) 100vw, 215px\" \/><\/figure><\/td><td><span style=\"font-weight: 400;\">C\u1ea3nh b\u00e1o ng\u01b0\u1eddi d\u00f9ng v\u1ec1 m\u1ed9t \u0111i\u1ec1u c\u1ea7n l\u01b0u \u00fd, ch\u01b0a ph\u1ea3i l\u1ed7i.<\/span>\n<p><span style=\"font-weight: 400;\">V\u00ed d\u1ee5: Badge tr\u1ea1ng th\u00e1i \u201cS\u1eafp h\u1ebft h\u1ea1n\u201d, Tooltip ho\u1eb7c form c\u1ea7n ki\u1ec3m tra l\u1ea1i<\/span><\/p>\n<\/td><\/tr><tr><td><b>info<\/b><\/td><td><figure><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-87060\" src=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-6-vippro.png\" alt=\"Bootstrap Color: C\u00e1ch s\u1eed d\u1ee5ng h\u1ec7 th\u1ed1ng m\u00e0u trong Bootstrap\" width=\"215\" height=\"114\" srcset=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-6-vippro.png 215w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-6-vippro-200x106.png 200w\" sizes=\"auto, (max-width: 215px) 100vw, 215px\" \/><\/figure><\/td><td><span style=\"font-weight: 400;\">Cung c\u1ea5p th\u00f4ng tin h\u1ed7 tr\u1ee3, trung l\u1eadp, kh\u00f4ng t\u00edch c\u1ef1c hay ti\u00eau c\u1ef1c.<\/span>\n<p><span style=\"font-weight: 400;\">V\u00ed d\u1ee5: Alert th\u00f4ng b\u00e1o h\u1ec7 th\u1ed1ng, message t\u1eeb admin, label m\u00f4 t\u1ea3 tr\u1ea1ng th\u00e1i<\/span><\/p>\n<\/td><\/tr><tr><td><b>light<\/b><\/td><td><figure><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-87061\" src=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-7-vippro.jpg\" alt=\"Bootstrap Color: C\u00e1ch s\u1eed d\u1ee5ng h\u1ec7 th\u1ed1ng m\u00e0u trong Bootstrap\" width=\"214\" height=\"113\" srcset=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-7-vippro.jpg 214w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-7-vippro-200x106.jpg 200w\" sizes=\"auto, (max-width: 214px) 100vw, 214px\" \/><\/figure><\/td><td><span style=\"font-weight: 400;\">T\u1ea1o v\u00f9ng n\u1ec1n nh\u1eb9 nh\u00e0ng cho ph\u1ea7n n\u1ed9i dung.<\/span>\n<p><span style=\"font-weight: 400;\">V\u00ed d\u1ee5: l\u00e0m m\u00e0u n\u1ec1n background, card, modal s\u00e1ng.<\/span><\/p>\n<\/td><\/tr><tr><td><b>dark<\/b><\/td><td><figure><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-87062\" src=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-8-vippro.png\" alt=\"Bootstrap Color: C\u00e1ch s\u1eed d\u1ee5ng h\u1ec7 th\u1ed1ng m\u00e0u trong Bootstrap\" width=\"213\" height=\"111\" srcset=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-8-vippro.png 213w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-8-vippro-200x104.png 200w\" sizes=\"auto, (max-width: 213px) 100vw, 213px\" \/><\/figure><\/td><td><span style=\"font-weight: 400;\">D\u00f9ng khi mu\u1ed1n t\u1ea1o nh\u1ea5n m\u1ea1nh, l\u00e0m n\u1ed5i n\u1ed9i dung s\u00e1ng tr\u00ean n\u1ec1n t\u1ed1i.<\/span>\n<p><span style=\"font-weight: 400;\">V\u00ed d\u1ee5: Header, footer m\u00e0u t\u1ed1i, Modal n\u1ec1n \u0111en<\/span><\/p>\n<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p><span style=\"font-weight: 400;\">V\u1edbi nh\u1eefng ch\u1ee7 \u0111\u1ec1 n\u00e0y, b\u1ea1n c\u00f3 th\u1ec3 s\u1eed d\u1ee5ng \u1edf h\u1ea7u h\u1ebft c\u00e1c component: button, alert, badge, form&#8230; theo c\u00fa ph\u00e1p chung:<\/span><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><span style=\"font-weight: 400;\">&lt;t\u00ean component&gt;<\/span><span style=\"font-weight: 400;\">-<\/span><span style=\"font-weight: 400;\">&lt;<\/span><span style=\"font-weight: 400;\">t<\/span><span style=\"font-weight: 400;\">\u00ea<\/span><span style=\"font-weight: 400;\">n<\/span> <span style=\"font-weight: 400;\">ch<\/span><span style=\"font-weight: 400;\">\u1ee7 \u0111\u1ec1&gt;<\/span><\/code><\/pre>\n\n\n\n<p><span style=\"font-weight: 400;\">V\u00ed d\u1ee5 s\u1eed d\u1ee5ng trong button v\u00e0 alert:<\/span><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><span style=\"font-weight: 400;\">&lt;<\/span><span style=\"font-weight: 400;\">button<\/span><span style=\"font-weight: 400;\"> class=<\/span><span style=\"font-weight: 400;\">\"btn btn-success\"<\/span><span style=\"font-weight: 400;\">&gt;Th\u00e0nh c\u00f4ng&lt;\/<\/span><span style=\"font-weight: 400;\">button<\/span><span style=\"font-weight: 400;\">&gt;<\/span>\n<span style=\"font-weight: 400;\">&lt;<\/span><span style=\"font-weight: 400;\">div<\/span><span style=\"font-weight: 400;\"> class=<\/span><span style=\"font-weight: 400;\">\"alert alert-danger\"<\/span><span style=\"font-weight: 400;\">&gt;L\u1ed7i nghi\u00eam tr\u1ecdng&lt;\/<\/span><span style=\"font-weight: 400;\">div<\/span><span style=\"font-weight: 400;\">&gt;<\/span><\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-l\u1edbp-mau-van-b\u1ea3n-text-colors\"><b>L\u1edbp m\u00e0u v\u0103n b\u1ea3n (Text colors)<\/b><\/h3>\n\n\n\n<p><span style=\"font-weight: 400;\">Bootstrap 5 cung c\u1ea5p c\u00e1c l\u1edbp ti\u1ec7n \u00edch \u0111\u1ec3 thay \u0111\u1ed5i m\u00e0u v\u0103n b\u1ea3n m\u00e0 kh\u00f4ng c\u1ea7n vi\u1ebft CSS. C\u00e1c l\u1edbp b\u1eaft \u0111\u1ea7u b\u1eb1ng <\/span><b>text-<\/b><span style=\"font-weight: 400;\"> v\u00e0 s\u1eed d\u1ee5ng c\u00e1c m\u00e0u ch\u1ee7 \u0111\u1ec1 nh\u01b0: primary, success, danger, v.v. C\u00fa ph\u00e1p chung:<\/span><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><span style=\"font-weight: 400;\">text-{m\u00e0u ch\u1ee7 \u0111\u1ec1}<\/span><\/code><\/pre>\n\n\n\n<p><span style=\"font-weight: 400;\">Danh s\u00e1ch c\u00e1c l\u1edbp m\u00e0u v\u0103n b\u1ea3n trong bootstrap:<\/span><\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-text-primary\"><b>Text-primary<\/b><\/h4>\n\n\n\n<p><span style=\"font-weight: 400;\">T\u1ea1o m\u00e0u xanh d\u01b0\u01a1ng cho v\u0103n b\u1ea3n, th\u01b0\u1eddng \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng \u0111\u1ec3 nh\u1ea5n m\u1ea1nh, d\u00f9ng cho n\u1ed9i dung ch\u00ednh.<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">V\u00ed d\u1ee5:<\/span><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><span style=\"font-weight: 400;\">&nbsp;&lt;<\/span><span style=\"font-weight: 400;\">p<\/span> <i><span style=\"font-weight: 400;\">class<\/span><\/i><span style=\"font-weight: 400;\">=<\/span><span style=\"font-weight: 400;\">\"<\/span><span style=\"font-weight: 400;\">text-primary<\/span><span style=\"font-weight: 400;\">\"<\/span><span style=\"font-weight: 400;\">&gt;ITViec Blog - text-primary&lt;\/<\/span><span style=\"font-weight: 400;\">p<\/span><span style=\"font-weight: 400;\">&gt;<\/span><\/code><\/pre>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"213\" height=\"43\" src=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-9-vippro.png\" alt=\"Bootstrap Color: C\u00e1ch s\u1eed d\u1ee5ng h\u1ec7 th\u1ed1ng m\u00e0u trong Bootstrap\" class=\"wp-image-87063\" srcset=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-9-vippro.png 213w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-9-vippro-200x40.png 200w\" sizes=\"auto, (max-width: 213px) 100vw, 213px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-text-secondary\"><b>Text-secondary<\/b><\/h4>\n\n\n\n<p><span style=\"font-weight: 400;\">V\u0103n b\u1ea3n c\u00f3 m\u00e0u x\u00e1m nh\u1ea1t, s\u1eed d\u1ee5ng cho nh\u1eefng n\u1ed9i dung ph\u1ee5.<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">V\u00ed d\u1ee5:<\/span><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><span style=\"font-weight: 400;\">&nbsp;&lt;<\/span><span style=\"font-weight: 400;\">p<\/span> <i><span style=\"font-weight: 400;\">class<\/span><\/i><span style=\"font-weight: 400;\">=<\/span><span style=\"font-weight: 400;\">\"<\/span><span style=\"font-weight: 400;\">text-secondary<\/span><span style=\"font-weight: 400;\">\"<\/span><span style=\"font-weight: 400;\">&gt;ITViec Blog - text-secondary&lt;\/<\/span><span style=\"font-weight: 400;\">p<\/span><span style=\"font-weight: 400;\">&gt;<\/span><\/code><\/pre>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"232\" height=\"41\" src=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-10-vippro.jpg\" alt=\"Bootstrap Color: C\u00e1ch s\u1eed d\u1ee5ng h\u1ec7 th\u1ed1ng m\u00e0u trong Bootstrap\" class=\"wp-image-87064\" srcset=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-10-vippro.jpg 232w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-10-vippro-200x35.jpg 200w\" sizes=\"auto, (max-width: 232px) 100vw, 232px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-text-success\"><b>Text-success<\/b><\/h4>\n\n\n\n<p><span style=\"font-weight: 400;\">V\u0103n b\u1ea3n c\u00f3 m\u00e0u xanh l\u00e1, s\u1eed d\u1ee5ng \u0111\u1ec3 th\u00f4ng b\u00e1o m\u1ed9t n\u1ed9i dung th\u00e0nh c\u00f4ng. V\u00ed d\u1ee5:<\/span><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><span style=\"font-weight: 400;\">&nbsp;&lt;<\/span><span style=\"font-weight: 400;\">p<\/span> <i><span style=\"font-weight: 400;\">class<\/span><\/i><span style=\"font-weight: 400;\">=<\/span><span style=\"font-weight: 400;\">\"<\/span><span style=\"font-weight: 400;\">text-success<\/span><span style=\"font-weight: 400;\">\"<\/span><span style=\"font-weight: 400;\">&gt;ITViec Blog - text-success&lt;\/<\/span><span style=\"font-weight: 400;\">p<\/span><span style=\"font-weight: 400;\">&gt;<\/span><\/code><\/pre>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"218\" height=\"43\" src=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-11-vippro.jpg\" alt=\"Bootstrap Color: C\u00e1ch s\u1eed d\u1ee5ng h\u1ec7 th\u1ed1ng m\u00e0u trong Bootstrap\" class=\"wp-image-87065\" srcset=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-11-vippro.jpg 218w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-11-vippro-200x39.jpg 200w\" sizes=\"auto, (max-width: 218px) 100vw, 218px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-text-danger\"><b>Text-danger<\/b><\/h4>\n\n\n\n<p><span style=\"font-weight: 400;\">V\u0103n b\u1ea3n c\u00f3 m\u00e0u \u0111\u1ecf, s\u1eed d\u1ee5ng trong c\u00e1c c\u1ea3nh b\u00e1o l\u1ed7i, n\u1ed9i dung nguy hi\u1ec3m, c\u1ea7n ch\u00fa \u00fd. V\u00ed d\u1ee5:<\/span><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><span style=\"font-weight: 400;\">&nbsp;&lt;<\/span><span style=\"font-weight: 400;\">p<\/span> <i><span style=\"font-weight: 400;\">class<\/span><\/i><span style=\"font-weight: 400;\">=<\/span><span style=\"font-weight: 400;\">\"<\/span><span style=\"font-weight: 400;\">text-danger<\/span><span style=\"font-weight: 400;\">\"<\/span><span style=\"font-weight: 400;\">&gt;ITViec Blog - text-danger&lt;\/<\/span><span style=\"font-weight: 400;\">p<\/span><span style=\"font-weight: 400;\">&gt;<\/span><\/code><\/pre>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"218\" height=\"38\" src=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-12-vippro.jpg\" alt=\"Bootstrap Color: C\u00e1ch s\u1eed d\u1ee5ng h\u1ec7 th\u1ed1ng m\u00e0u trong Bootstrap\" class=\"wp-image-87066\" srcset=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-12-vippro.jpg 218w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-12-vippro-200x35.jpg 200w\" sizes=\"auto, (max-width: 218px) 100vw, 218px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-text-warning\"><b>Text-warning<\/b><\/h4>\n\n\n\n<p><span style=\"font-weight: 400;\">V\u0103n b\u1ea3n c\u00f3 m\u00e0u cam v\u00e0ng, s\u1eed d\u1ee5ng trong c\u00e1c c\u1ea3nh b\u1ea3o nh\u1eb9, th\u00f4ng b\u00e1o ch\u00fa \u00fd. V\u00ed d\u1ee5:<\/span><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><span style=\"font-weight: 400;\">&nbsp;&lt;<\/span><span style=\"font-weight: 400;\">p<\/span> <i><span style=\"font-weight: 400;\">class<\/span><\/i><span style=\"font-weight: 400;\">=<\/span><span style=\"font-weight: 400;\">\"<\/span><span style=\"font-weight: 400;\">text-warning<\/span><span style=\"font-weight: 400;\">\"<\/span><span style=\"font-weight: 400;\">&gt;ITViec Blog - text-warning&lt;\/<\/span><span style=\"font-weight: 400;\">p<\/span><span style=\"font-weight: 400;\">&gt;<\/span><\/code><\/pre>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"216\" height=\"44\" src=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-13-vippro.png\" alt=\"Bootstrap Color: C\u00e1ch s\u1eed d\u1ee5ng h\u1ec7 th\u1ed1ng m\u00e0u trong Bootstrap\" class=\"wp-image-87067\" srcset=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-13-vippro.png 216w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-13-vippro-200x41.png 200w\" sizes=\"auto, (max-width: 216px) 100vw, 216px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-text-info\"><b>Text-info<\/b><\/h4>\n\n\n\n<p><span style=\"font-weight: 400;\">V\u0103n b\u1ea3n c\u00f3 m\u00e0u xanh nh\u1ea1t, s\u1eed d\u1ee5ng cho th\u00f4ng tin b\u1ed5 sung. V\u00ed d\u1ee5:<\/span><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><span style=\"font-weight: 400;\">&nbsp;&lt;<\/span><span style=\"font-weight: 400;\">p<\/span> <i><span style=\"font-weight: 400;\">class<\/span><\/i><span style=\"font-weight: 400;\">=<\/span><span style=\"font-weight: 400;\">\"<\/span><span style=\"font-weight: 400;\">text-info<\/span><span style=\"font-weight: 400;\">\"<\/span><span style=\"font-weight: 400;\">&gt;ITViec Blog - text-info&lt;\/<\/span><span style=\"font-weight: 400;\">p<\/span><span style=\"font-weight: 400;\">&gt;<\/span><\/code><\/pre>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"185\" height=\"42\" src=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-14-vippro.png\" alt=\"Bootstrap Color: C\u00e1ch s\u1eed d\u1ee5ng h\u1ec7 th\u1ed1ng m\u00e0u trong Bootstrap\" class=\"wp-image-87068\"\/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-text-light\"><b>Text-light<\/b><\/h4>\n\n\n\n<p><span style=\"font-weight: 400;\">V\u0103n b\u1ea3n c\u00f3 m\u00e0u tr\u1eafng nh\u1ea1t, th\u01b0\u1eddng \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng tr\u00ean n\u1ec1n t\u1ed1i. V\u00ed d\u1ee5:<\/span><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><span style=\"font-weight: 400;\">&nbsp;&lt;<\/span><span style=\"font-weight: 400;\">p<\/span> <i><span style=\"font-weight: 400;\">class<\/span><\/i><span style=\"font-weight: 400;\">=<\/span><span style=\"font-weight: 400;\">\"<\/span><span style=\"font-weight: 400;\">text-light bg-dark<\/span><span style=\"font-weight: 400;\">\"<\/span><span style=\"font-weight: 400;\">&gt;ITViec Blog - text-light (tr\u00ean n\u1ec1n t\u1ed1i)&lt;\/<\/span><span style=\"font-weight: 400;\">p<\/span><span style=\"font-weight: 400;\">&gt;<\/span><\/code><\/pre>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"287\" height=\"37\" src=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-15-vippro.jpg\" alt=\"Bootstrap Color: C\u00e1ch s\u1eed d\u1ee5ng h\u1ec7 th\u1ed1ng m\u00e0u trong Bootstrap\" class=\"wp-image-87069\" srcset=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-15-vippro.jpg 287w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-15-vippro-200x26.jpg 200w\" sizes=\"auto, (max-width: 287px) 100vw, 287px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-text-dark\"><b>Text-dark<\/b><\/h4>\n\n\n\n<p><span style=\"font-weight: 400;\">V\u0103n b\u1ea3n c\u00f3 m\u00e0u x\u00e1m \u0111\u1eadm, th\u01b0\u1eddng s\u1eed d\u1ee5ng tr\u00ean n\u1ec1n s\u00e1ng. V\u00ed d\u1ee5:<\/span><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><span style=\"font-weight: 400;\">&nbsp;&lt;<\/span><span style=\"font-weight: 400;\">p<\/span> <i><span style=\"font-weight: 400;\">class<\/span><\/i><span style=\"font-weight: 400;\">=<\/span><span style=\"font-weight: 400;\">\"<\/span><span style=\"font-weight: 400;\">text-dark<\/span><span style=\"font-weight: 400;\">\"<\/span><span style=\"font-weight: 400;\">&gt;ITViec Blog - text-dark&lt;\/<\/span><span style=\"font-weight: 400;\">p<\/span><span style=\"font-weight: 400;\">&gt;<\/span><\/code><\/pre>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"203\" height=\"40\" src=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-16-vippro.jpg\" alt=\"Bootstrap Color: C\u00e1ch s\u1eed d\u1ee5ng h\u1ec7 th\u1ed1ng m\u00e0u trong Bootstrap\" class=\"wp-image-87070\" srcset=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-16-vippro.jpg 203w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-16-vippro-200x39.jpg 200w\" sizes=\"auto, (max-width: 203px) 100vw, 203px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-text-body\"><b>Text-body<\/b><\/h4>\n\n\n\n<p><span style=\"font-weight: 400;\">M\u00e0u m\u1eb7c \u0111\u1ecbnh c\u1ee7a body (th\u01b0\u1eddng l\u00e0 \u0111en\/x\u00e1m), s\u1eed d\u1ee5ng trong c\u00e1c v\u0103n b\u1ea3n th\u00f4ng th\u01b0\u1eddng tr\u00ean trang web. V\u00ed d\u1ee5:<\/span><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><span style=\"font-weight: 400;\">&nbsp;&lt;<\/span><span style=\"font-weight: 400;\">p<\/span> <i><span style=\"font-weight: 400;\">class<\/span><\/i><span style=\"font-weight: 400;\">=<\/span><span style=\"font-weight: 400;\">\"<\/span><span style=\"font-weight: 400;\">text-body<\/span><span style=\"font-weight: 400;\">\"<\/span><span style=\"font-weight: 400;\">&gt;ITViec Blog - text-body&lt;\/<\/span><span style=\"font-weight: 400;\">p<\/span><span style=\"font-weight: 400;\">&gt;<\/span><\/code><\/pre>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"208\" height=\"51\" src=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-17-vippro.jpg\" alt=\"Bootstrap Color: C\u00e1ch s\u1eed d\u1ee5ng h\u1ec7 th\u1ed1ng m\u00e0u trong Bootstrap\" class=\"wp-image-87071\" srcset=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-17-vippro.jpg 208w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-17-vippro-200x49.jpg 200w\" sizes=\"auto, (max-width: 208px) 100vw, 208px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-text-muted\"><b>Text-muted<\/b><\/h4>\n\n\n\n<p><span style=\"font-weight: 400;\">V\u0103n b\u1ea3n m\u00e0u x\u00e1m m\u1edd, th\u01b0\u1eddng d\u00f9ng cho n\u1ed9i dung b\u1ecb disabled, \u00edt quan tr\u1ecdng. V\u00ed d\u1ee5:<\/span><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><span style=\"font-weight: 400;\">&nbsp;&lt;<\/span><span style=\"font-weight: 400;\">p<\/span> <i><span style=\"font-weight: 400;\">class<\/span><\/i><span style=\"font-weight: 400;\">=<\/span><span style=\"font-weight: 400;\">\"<\/span><span style=\"font-weight: 400;\">text-muted<\/span><span style=\"font-weight: 400;\">\"<\/span><span style=\"font-weight: 400;\">&gt;ITViec Blog - text-muted&lt;\/<\/span><span style=\"font-weight: 400;\">p<\/span><span style=\"font-weight: 400;\">&gt;<\/span><\/code><\/pre>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"205\" height=\"43\" src=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-18-vippro.jpg\" alt=\"Bootstrap Color: C\u00e1ch s\u1eed d\u1ee5ng h\u1ec7 th\u1ed1ng m\u00e0u trong Bootstrap\" class=\"wp-image-87072\" srcset=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-18-vippro.jpg 205w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-18-vippro-200x42.jpg 200w\" sizes=\"auto, (max-width: 205px) 100vw, 205px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-text-white\"><b>Text-white<\/b><\/h4>\n\n\n\n<p><span style=\"font-weight: 400;\">V\u0103n b\u1ea3n m\u00e0u tr\u1eafng, s\u1eed d\u1ee5ng tr\u00ean n\u1ec1n t\u1ed1i. V\u00ed d\u1ee5:<\/span><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><span style=\"font-weight: 400;\">&nbsp;&lt;<\/span><span style=\"font-weight: 400;\">p<\/span> <i><span style=\"font-weight: 400;\">class<\/span><\/i><span style=\"font-weight: 400;\">=<\/span><span style=\"font-weight: 400;\">\"<\/span><span style=\"font-weight: 400;\">text-white bg-secondary<\/span><span style=\"font-weight: 400;\">\"<\/span><span style=\"font-weight: 400;\">&gt;ITViec Blog - text-white (tr\u00ean n\u1ec1n x\u00e1m)&lt;\/<\/span><span style=\"font-weight: 400;\">p<\/span><span style=\"font-weight: 400;\">&gt;<\/span><\/code><\/pre>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"306\" height=\"35\" src=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-19-vippro.jpg\" alt=\"Bootstrap Color: C\u00e1ch s\u1eed d\u1ee5ng h\u1ec7 th\u1ed1ng m\u00e0u trong Bootstrap\" class=\"wp-image-87073\" srcset=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-19-vippro.jpg 306w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-19-vippro-300x34.jpg 300w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-19-vippro-200x23.jpg 200w\" sizes=\"auto, (max-width: 306px) 100vw, 306px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-text-black-50\"><b>Text-black-50<\/b><\/h4>\n\n\n\n<p><span style=\"font-weight: 400;\">V\u0103n b\u1ea3n c\u00f3 m\u00e0u \u0111en v\u1edbi 50% \u0111\u1ed9 m\u1edd (Bootstrap 5). V\u00ed d\u1ee5:<\/span><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><span style=\"font-weight: 400;\">&nbsp;&lt;<\/span><span style=\"font-weight: 400;\">p<\/span> <i><span style=\"font-weight: 400;\">class<\/span><\/i><span style=\"font-weight: 400;\">=<\/span><span style=\"font-weight: 400;\">\"<\/span><span style=\"font-weight: 400;\">text-black-50<\/span><span style=\"font-weight: 400;\">\"<\/span><span style=\"font-weight: 400;\">&gt;ITViec Blog - text-black-50&lt;\/<\/span><span style=\"font-weight: 400;\">p<\/span><span style=\"font-weight: 400;\">&gt;<\/span><\/code><\/pre>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"228\" height=\"41\" src=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-20-vippro.jpg\" alt=\"Bootstrap Color: C\u00e1ch s\u1eed d\u1ee5ng h\u1ec7 th\u1ed1ng m\u00e0u trong Bootstrap\" class=\"wp-image-87074\" srcset=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-20-vippro.jpg 228w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-20-vippro-200x36.jpg 200w\" sizes=\"auto, (max-width: 228px) 100vw, 228px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-text-white-50\"><b>Text-white-50<\/b><\/h4>\n\n\n\n<p><span style=\"font-weight: 400;\">V\u0103n b\u1ea3n m\u00e0u tr\u1eafng v\u1edbi 50% \u0111\u1ed9 m\u1edd (Bootstrap 5). V\u00ed d\u1ee5:<\/span><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><span style=\"font-weight: 400;\">&nbsp;&lt;<\/span><span style=\"font-weight: 400;\">p<\/span> <i><span style=\"font-weight: 400;\">class<\/span><\/i><span style=\"font-weight: 400;\">=<\/span><span style=\"font-weight: 400;\">\"<\/span><span style=\"font-weight: 400;\">text-white-50 bg-dark<\/span><span style=\"font-weight: 400;\">\"<\/span><span style=\"font-weight: 400;\">&gt;ITViec Blog - text-white-50 (tr\u00ean n\u1ec1n t\u1ed1i)&lt;\/<\/span><span style=\"font-weight: 400;\">p<\/span><span style=\"font-weight: 400;\">&gt;<\/span><\/code><\/pre>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"316\" height=\"34\" src=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-21-vippro.jpg\" alt=\"Bootstrap Color: C\u00e1ch s\u1eed d\u1ee5ng h\u1ec7 th\u1ed1ng m\u00e0u trong Bootstrap\" class=\"wp-image-87075\" srcset=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-21-vippro.jpg 316w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-21-vippro-300x32.jpg 300w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-21-vippro-200x22.jpg 200w\" sizes=\"auto, (max-width: 316px) 100vw, 316px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-l\u1edbp-mau-n\u1ec1n-background-colors\"><b>L\u1edbp m\u00e0u n\u1ec1n (Background colors)<\/b><\/h3>\n\n\n\n<p><span style=\"font-weight: 400;\">Bootstrap 5 cung c\u1ea5p c\u00e1c l\u1edbp ti\u1ec7n \u00edch \u0111\u1ec3 thay \u0111\u1ed5i m\u00e0u n\u1ec1n cho ph\u1ea7n t\u1eed HTML m\u00e0 kh\u00f4ng c\u1ea7n vi\u1ebft CSS. C\u00e1c l\u1edbp n\u00e0y b\u1eaft \u0111\u1ea7u b\u1eb1ng bg- v\u00e0 s\u1eed d\u1ee5ng c\u00e1c m\u00e0u ch\u1ee7 \u0111\u1ec1 t\u01b0\u01a1ng t\u1ef1 nh\u01b0 text-color nh\u01b0: primary, success, danger, v.v.<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">C\u00fa ph\u00e1p chung:<\/span><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><span style=\"font-weight: 400;\">bg-{m\u00e0u ch\u1ee7 \u0111\u1ec1}<\/span><\/code><\/pre>\n\n\n\n<p><span style=\"font-weight: 400;\">Danh s\u00e1ch c\u00e1c l\u1edbp m\u00e0u n\u1ec1n trong Bootstrap:<\/span><\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-bg-primary\"><b>bg-primary<\/b><\/h4>\n\n\n\n<p><span style=\"font-weight: 400;\">N\u1ec1n m\u00e0u xanh d\u01b0\u01a1ng ch\u1ee7 \u0111\u1ea1o, th\u01b0\u1eddng d\u00f9ng \u0111\u1ec3 l\u00e0m n\u1ed5i b\u1eadt ph\u1ea7n n\u1ed9i dung ch\u00ednh. V\u00ed d\u1ee5:<\/span><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><span style=\"font-weight: 400;\">&lt;<\/span><span style=\"font-weight: 400;\">p<\/span> <i><span style=\"font-weight: 400;\">class<\/span><\/i><span style=\"font-weight: 400;\">=<\/span><span style=\"font-weight: 400;\">\"<\/span><span style=\"font-weight: 400;\">bg-primary text-white<\/span><span style=\"font-weight: 400;\">\"<\/span><span style=\"font-weight: 400;\">&gt;ITViec Blog - bg-primary&lt;\/<\/span><span style=\"font-weight: 400;\">p<\/span><span style=\"font-weight: 400;\">&gt;<\/span><\/code><\/pre>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"290\" height=\"42\" src=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-22-vippro.png\" alt=\"Bootstrap Color: C\u00e1ch s\u1eed d\u1ee5ng h\u1ec7 th\u1ed1ng m\u00e0u trong Bootstrap\" class=\"wp-image-87076\" srcset=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-22-vippro.png 290w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-22-vippro-200x29.png 200w\" sizes=\"auto, (max-width: 290px) 100vw, 290px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-bg-secondary\"><b>bg-secondary<\/b><\/h4>\n\n\n\n<p><span style=\"font-weight: 400;\">N\u1ec1n m\u00e0u x\u00e1m nh\u1ea1t, d\u00f9ng cho c\u00e1c n\u1ed9i dung ph\u1ee5 ho\u1eb7c kh\u1ed1i n\u1ec1n ph\u1ee5 tr\u1ee3. V\u00ed d\u1ee5:<\/span><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><span style=\"font-weight: 400;\">&nbsp;&lt;<\/span><span style=\"font-weight: 400;\">p<\/span> <i><span style=\"font-weight: 400;\">class<\/span><\/i><span style=\"font-weight: 400;\">=<\/span><span style=\"font-weight: 400;\">\"<\/span><span style=\"font-weight: 400;\">bg-secondary text-white<\/span><span style=\"font-weight: 400;\">\"<\/span><span style=\"font-weight: 400;\">&gt;ITViec Blog - bg-secondary&lt;\/<\/span><span style=\"font-weight: 400;\">p<\/span><span style=\"font-weight: 400;\">&gt;<\/span><\/code><\/pre>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"295\" height=\"41\" src=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-23-vippro.jpg\" alt=\"Bootstrap Color: C\u00e1ch s\u1eed d\u1ee5ng h\u1ec7 th\u1ed1ng m\u00e0u trong Bootstrap\" class=\"wp-image-87077\" srcset=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-23-vippro.jpg 295w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-23-vippro-200x28.jpg 200w\" sizes=\"auto, (max-width: 295px) 100vw, 295px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-bg-success\"><b>bg-success<\/b><\/h4>\n\n\n\n<p><span style=\"font-weight: 400;\">N\u1ec1n m\u00e0u xanh l\u00e1, d\u00f9ng cho c\u00e1c th\u00f4ng b\u00e1o th\u00e0nh c\u00f4ng, tr\u1ea1ng th\u00e1i t\u1ed1t. V\u00ed d\u1ee5:<\/span><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><span style=\"font-weight: 400;\">&nbsp;&lt;<\/span><span style=\"font-weight: 400;\">p<\/span> <i><span style=\"font-weight: 400;\">class<\/span><\/i><span style=\"font-weight: 400;\">=<\/span><span style=\"font-weight: 400;\">\"<\/span><span style=\"font-weight: 400;\">bg-success text-white<\/span><span style=\"font-weight: 400;\">\"<\/span><span style=\"font-weight: 400;\">&gt;ITViec Blog - bg-success&lt;\/<\/span><span style=\"font-weight: 400;\">p<\/span><span style=\"font-weight: 400;\">&gt;<\/span><\/code><\/pre>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"288\" height=\"41\" src=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-24-vippro.jpg\" alt=\"Bootstrap Color: C\u00e1ch s\u1eed d\u1ee5ng h\u1ec7 th\u1ed1ng m\u00e0u trong Bootstrap\" class=\"wp-image-87078\" srcset=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-24-vippro.jpg 288w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-24-vippro-200x28.jpg 200w\" sizes=\"auto, (max-width: 288px) 100vw, 288px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-bg-danger\"><b>bg-danger<\/b><\/h4>\n\n\n\n<p><span style=\"font-weight: 400;\">N\u1ec1n m\u00e0u \u0111\u1ecf, d\u00f9ng trong c\u00e1c c\u1ea3nh b\u00e1o l\u1ed7i, th\u00f4ng b\u00e1o nguy hi\u1ec3m. V\u00ed d\u1ee5:<\/span><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><span style=\"font-weight: 400;\">&nbsp;&lt;<\/span><span style=\"font-weight: 400;\">p<\/span> <i><span style=\"font-weight: 400;\">class<\/span><\/i><span style=\"font-weight: 400;\">=<\/span><span style=\"font-weight: 400;\">\"<\/span><span style=\"font-weight: 400;\">bg-danger text-white<\/span><span style=\"font-weight: 400;\">\"<\/span><span style=\"font-weight: 400;\">&gt;ITViec Blog - bg-danger&lt;\/<\/span><span style=\"font-weight: 400;\">p<\/span><span style=\"font-weight: 400;\">&gt;<\/span><\/code><\/pre>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"244\" height=\"42\" src=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-25-vippro.png\" alt=\"Bootstrap Color: C\u00e1ch s\u1eed d\u1ee5ng h\u1ec7 th\u1ed1ng m\u00e0u trong Bootstrap\" class=\"wp-image-87079\" srcset=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-25-vippro.png 244w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-25-vippro-200x34.png 200w\" sizes=\"auto, (max-width: 244px) 100vw, 244px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-bg-warning\"><b>bg-warning<\/b><\/h4>\n\n\n\n<p><span style=\"font-weight: 400;\">N\u1ec1n m\u00e0u v\u00e0ng\/cam, d\u00f9ng trong c\u1ea3nh b\u00e1o nh\u1eb9 ho\u1eb7c c\u00e1c th\u00f4ng b\u00e1o c\u1ea7n ch\u00fa \u00fd. V\u00ed d\u1ee5:<\/span><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><span style=\"font-weight: 400;\">&nbsp;&lt;<\/span><span style=\"font-weight: 400;\">p<\/span> <i><span style=\"font-weight: 400;\">class<\/span><\/i><span style=\"font-weight: 400;\">=<\/span><span style=\"font-weight: 400;\">\"<\/span><span style=\"font-weight: 400;\">bg-warning text-dark<\/span><span style=\"font-weight: 400;\">\"<\/span><span style=\"font-weight: 400;\">&gt;ITViec Blog - bg-warning&lt;\/<\/span><span style=\"font-weight: 400;\">p<\/span><span style=\"font-weight: 400;\">&gt;<\/span><\/code><\/pre>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"293\" height=\"42\" src=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-26-vippro.png\" alt=\"Bootstrap Color: C\u00e1ch s\u1eed d\u1ee5ng h\u1ec7 th\u1ed1ng m\u00e0u trong Bootstrap\" class=\"wp-image-87080\" srcset=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-26-vippro.png 293w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-26-vippro-200x29.png 200w\" sizes=\"auto, (max-width: 293px) 100vw, 293px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-bg-info\"><b>bg-info<\/b><\/h4>\n\n\n\n<p><span style=\"font-weight: 400;\">N\u1ec1n m\u00e0u xanh nh\u1ea1t, th\u01b0\u1eddng d\u00f9ng cho th\u00f4ng tin b\u1ed5 sung. V\u00ed d\u1ee5:<\/span><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><span style=\"font-weight: 400;\">&nbsp;&lt;<\/span><span style=\"font-weight: 400;\">p<\/span> <i><span style=\"font-weight: 400;\">class<\/span><\/i><span style=\"font-weight: 400;\">=<\/span><span style=\"font-weight: 400;\">\"<\/span><span style=\"font-weight: 400;\">bg-info text-dark<\/span><span style=\"font-weight: 400;\">\"<\/span><span style=\"font-weight: 400;\">&gt;ITViec Blog - bg-info&lt;\/<\/span><span style=\"font-weight: 400;\">p<\/span><span style=\"font-weight: 400;\">&gt;<\/span><\/code><\/pre>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"268\" height=\"40\" src=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-27-vippro.jpg\" alt=\"Bootstrap Color: C\u00e1ch s\u1eed d\u1ee5ng h\u1ec7 th\u1ed1ng m\u00e0u trong Bootstrap\" class=\"wp-image-87081\" srcset=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-27-vippro.jpg 268w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-27-vippro-200x30.jpg 200w\" sizes=\"auto, (max-width: 268px) 100vw, 268px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-bg-light\"><b>bg-light<\/b><\/h4>\n\n\n\n<p><span style=\"font-weight: 400;\">N\u1ec1n m\u00e0u tr\u1eafng nh\u1ea1t, th\u00edch h\u1ee3p v\u1edbi giao di\u1ec7n s\u00e1ng, d\u00f9ng l\u00e0m n\u1ec1n cho n\u1ed9i dung t\u1ed1i. V\u00ed d\u1ee5:<\/span><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><span style=\"font-weight: 400;\">&nbsp;&lt;<\/span><span style=\"font-weight: 400;\">p<\/span> <i><span style=\"font-weight: 400;\">class<\/span><\/i><span style=\"font-weight: 400;\">=<\/span><span style=\"font-weight: 400;\">\"<\/span><span style=\"font-weight: 400;\">bg-light text-dark<\/span><span style=\"font-weight: 400;\">\"<\/span><span style=\"font-weight: 400;\">&gt;ITViec Blog - bg-light&lt;\/<\/span><span style=\"font-weight: 400;\">p<\/span><span style=\"font-weight: 400;\">&gt;<\/span><\/code><\/pre>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"263\" height=\"40\" src=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-28-vippro.jpg\" alt=\"Bootstrap Color: C\u00e1ch s\u1eed d\u1ee5ng h\u1ec7 th\u1ed1ng m\u00e0u trong Bootstrap\" class=\"wp-image-87082\" srcset=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-28-vippro.jpg 263w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-28-vippro-200x30.jpg 200w\" sizes=\"auto, (max-width: 263px) 100vw, 263px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-bg-dark\"><b>bg-dark<\/b><\/h4>\n\n\n\n<p><span style=\"font-weight: 400;\">N\u1ec1n m\u00e0u x\u00e1m \u0111\u1eadm, th\u00edch h\u1ee3p l\u00e0m n\u1ec1n ch\u00ednh ho\u1eb7c n\u1ec1n ch\u00e2n trang, c\u1ea7n k\u1ebft h\u1ee3p v\u1edbi ch\u1eef s\u00e1ng. V\u00ed d\u1ee5:<\/span><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><span style=\"font-weight: 400;\">&nbsp;&lt;<\/span><span style=\"font-weight: 400;\">p<\/span> <i><span style=\"font-weight: 400;\">class<\/span><\/i><span style=\"font-weight: 400;\">=<\/span><span style=\"font-weight: 400;\">\"<\/span><span style=\"font-weight: 400;\">bg-dark text-white<\/span><span style=\"font-weight: 400;\">\"<\/span><span style=\"font-weight: 400;\">&gt;ITViec Blog - bg-dark&lt;\/<\/span><span style=\"font-weight: 400;\">p<\/span><span style=\"font-weight: 400;\">&gt;<\/span><\/code><\/pre>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"288\" height=\"41\" src=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-29-vippro.jpg\" alt=\"Bootstrap Color: C\u00e1ch s\u1eed d\u1ee5ng h\u1ec7 th\u1ed1ng m\u00e0u trong Bootstrap\" class=\"wp-image-87083\" srcset=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-29-vippro.jpg 288w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-29-vippro-200x28.jpg 200w\" sizes=\"auto, (max-width: 288px) 100vw, 288px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-bg-white\"><b>bg-white<\/b><\/h4>\n\n\n\n<p><span style=\"font-weight: 400;\">N\u1ec1n m\u00e0u tr\u1eafng thu\u1ea7n t\u00fay, th\u01b0\u1eddng d\u00f9ng \u0111\u1ec3 l\u00e0m n\u1ec1n cho card, section s\u00e1ng. V\u00ed d\u1ee5:<\/span><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><span style=\"font-weight: 400;\">&nbsp;&lt;<\/span><span style=\"font-weight: 400;\">p<\/span> <i><span style=\"font-weight: 400;\">class<\/span><\/i><span style=\"font-weight: 400;\">=<\/span><span style=\"font-weight: 400;\">\"<\/span><span style=\"font-weight: 400;\">bg-white text-dark border<\/span><span style=\"font-weight: 400;\">\"<\/span><span style=\"font-weight: 400;\">&gt;ITViec Blog - bg-white&lt;\/<\/span><span style=\"font-weight: 400;\">p<\/span><span style=\"font-weight: 400;\">&gt;<\/span><\/code><\/pre>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"280\" height=\"54\" src=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-30-vippro.jpg\" alt=\"Bootstrap Color: C\u00e1ch s\u1eed d\u1ee5ng h\u1ec7 th\u1ed1ng m\u00e0u trong Bootstrap\" class=\"wp-image-87084\" srcset=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-30-vippro.jpg 280w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-30-vippro-200x39.jpg 200w\" sizes=\"auto, (max-width: 280px) 100vw, 280px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-bg-transparent\"><b>bg-transparent<\/b><\/h4>\n\n\n\n<p><span style=\"font-weight: 400;\">Kh\u00f4ng c\u00f3 m\u00e0u n\u1ec1n, trong su\u1ed1t. D\u00f9ng khi mu\u1ed1n gi\u1eef nguy\u00ean n\u1ec1n g\u1ed1c ho\u1eb7c l\u00e0m l\u1edbp ph\u1ee7. V\u00ed d\u1ee5:<\/span><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><span style=\"font-weight: 400;\">&nbsp;&lt;<\/span><span style=\"font-weight: 400;\">p<\/span> <i><span style=\"font-weight: 400;\">class<\/span><\/i><span style=\"font-weight: 400;\">=<\/span><span style=\"font-weight: 400;\">\"<\/span><span style=\"font-weight: 400;\">bg-transparent text-dark<\/span><span style=\"font-weight: 400;\">\"<\/span><span style=\"font-weight: 400;\">&gt;ITViec Blog - bg-transparent&lt;\/<\/span><span style=\"font-weight: 400;\">p<\/span><span style=\"font-weight: 400;\">&gt;<\/span><\/code><\/pre>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"286\" height=\"53\" src=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-31-vippro.jpg\" alt=\"Bootstrap Color: C\u00e1ch s\u1eed d\u1ee5ng h\u1ec7 th\u1ed1ng m\u00e0u trong Bootstrap\" class=\"wp-image-87085\" srcset=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-31-vippro.jpg 286w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-31-vippro-200x37.jpg 200w\" sizes=\"auto, (max-width: 286px) 100vw, 286px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-l\u1edbp-mau-vi\u1ec1n-border-colors\"><b>L\u1edbp m\u00e0u vi\u1ec1n (Border colors)<\/b><\/h3>\n\n\n\n<p><span style=\"font-weight: 400;\">Bootstrap 5 cung c\u1ea5p c\u00e1c l\u1edbp ti\u1ec7n \u00edch \u0111\u1ec3 thay \u0111\u1ed5i m\u00e0u vi\u1ec1n cho ph\u1ea7n t\u1eed HTML. C\u00e1c l\u1edbp n\u00e0y b\u1eaft \u0111\u1ea7u b\u1eb1ng border- v\u1edbi c\u00fa ph\u00e1p chung l\u00e0:<\/span><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><span style=\"font-weight: 400;\">border border-{m\u00e0u ch\u1ee7 \u0111\u1ec1}<\/span><\/code><\/pre>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p><i><span style=\"font-weight: 400;\"><strong>L\u01b0u \u00fd:<\/strong> Ph\u1ea3i c\u00f3 l\u1edbp border \u0111\u1ec3 \u00e1p d\u1ee5ng m\u00e0u, b\u1edfi v\u00ec border-{color} ch\u1ec9 \u0111\u1ed5i m\u00e0u vi\u1ec1n, kh\u00f4ng t\u1ea1o vi\u1ec1n n\u1ebfu ch\u01b0a c\u00f3.<\/span><\/i><\/p>\n<\/blockquote>\n\n\n\n<p><span style=\"font-weight: 400;\">Danh s\u00e1ch c\u00e1c l\u1edbp m\u00e0u vi\u1ec1n trong Bootstrap:<\/span><\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-border-primary\"><b>border-primary<\/b><\/h4>\n\n\n\n<p><span style=\"font-weight: 400;\">Vi\u1ec1n m\u00e0u xanh d\u01b0\u01a1ng ch\u1ee7 \u0111\u1ea1o, d\u00f9ng \u0111\u1ec3 l\u00e0m n\u1ed5i b\u1eadt ph\u1ea7n t\u1eed ch\u00ednh. V\u00ed d\u1ee5:<\/span><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><span style=\"font-weight: 400;\">&lt;<\/span><span style=\"font-weight: 400;\">p<\/span> <i><span style=\"font-weight: 400;\">class<\/span><\/i><span style=\"font-weight: 400;\">=<\/span><span style=\"font-weight: 400;\">\"<\/span><span style=\"font-weight: 400;\">border border-primary<\/span><span style=\"font-weight: 400;\">\"<\/span><span style=\"font-weight: 400;\">&gt;ITViec Blog - border-primary&lt;\/<\/span><span style=\"font-weight: 400;\">p<\/span><span style=\"font-weight: 400;\">&gt;<\/span><\/code><\/pre>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"904\" height=\"114\" src=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-32-vippro.png\" alt=\"Bootstrap Color: C\u00e1ch s\u1eed d\u1ee5ng h\u1ec7 th\u1ed1ng m\u00e0u trong Bootstrap\" class=\"wp-image-87086\" srcset=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-32-vippro.png 904w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-32-vippro-300x38.png 300w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-32-vippro-768x97.png 640w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-32-vippro-200x25.png 200w\" sizes=\"auto, (max-width: 904px) 100vw, 904px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-border-secondary\"><b>border-secondary<\/b><\/h4>\n\n\n\n<p><span style=\"font-weight: 400;\">Vi\u1ec1n m\u00e0u x\u00e1m nh\u1ea1t, d\u00f9ng cho ph\u1ea7n t\u1eed ph\u1ee5. V\u00ed d\u1ee5:<\/span><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><span style=\"font-weight: 400;\">&lt;<\/span><span style=\"font-weight: 400;\">p<\/span> <i><span style=\"font-weight: 400;\">class<\/span><\/i><span style=\"font-weight: 400;\">=<\/span><span style=\"font-weight: 400;\">\"<\/span><span style=\"font-weight: 400;\">border border-secondary<\/span><span style=\"font-weight: 400;\">\"<\/span><span style=\"font-weight: 400;\">&gt;ITViec Blog - border-secondary&lt;\/<\/span><span style=\"font-weight: 400;\">p<\/span><span style=\"font-weight: 400;\">&gt;<\/span><\/code><\/pre>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"898\" height=\"116\" src=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-33-vippro.png\" alt=\"Bootstrap Color: C\u00e1ch s\u1eed d\u1ee5ng h\u1ec7 th\u1ed1ng m\u00e0u trong Bootstrap\" class=\"wp-image-87087\" srcset=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-33-vippro.png 898w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-33-vippro-300x39.png 300w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-33-vippro-768x99.png 640w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-33-vippro-200x26.png 200w\" sizes=\"auto, (max-width: 898px) 100vw, 898px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-border-success\"><b>border-success<\/b><\/h4>\n\n\n\n<p><span style=\"font-weight: 400;\">Vi\u1ec1n m\u00e0u xanh l\u00e1, th\u1ec3 hi\u1ec7n tr\u1ea1ng th\u00e1i t\u00edch c\u1ef1c ho\u1eb7c ho\u00e0n th\u00e0nh. V\u00ed d\u1ee5:<\/span><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><span style=\"font-weight: 400;\">&lt;<\/span><span style=\"font-weight: 400;\">p<\/span> <i><span style=\"font-weight: 400;\">class<\/span><\/i><span style=\"font-weight: 400;\">=<\/span><span style=\"font-weight: 400;\">\"<\/span><span style=\"font-weight: 400;\">border border-success<\/span><span style=\"font-weight: 400;\">\"<\/span><span style=\"font-weight: 400;\">&gt;ITViec Blog - border-success&lt;\/<\/span><span style=\"font-weight: 400;\">p<\/span><span style=\"font-weight: 400;\">&gt;<\/span><\/code><\/pre>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"116\" src=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-34-vippro.png\" alt=\"Bootstrap Color: C\u00e1ch s\u1eed d\u1ee5ng h\u1ec7 th\u1ed1ng m\u00e0u trong Bootstrap\" class=\"wp-image-87088\" srcset=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-34-vippro.png 900w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-34-vippro-300x39.png 300w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-34-vippro-768x99.png 640w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-34-vippro-200x26.png 200w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-border-danger\"><b>border-danger<\/b><\/h4>\n\n\n\n<p><span style=\"font-weight: 400;\">Vi\u1ec1n m\u00e0u \u0111\u1ecf, th\u01b0\u1eddng d\u00f9ng \u0111\u1ec3 c\u1ea3nh b\u00e1o l\u1ed7i ho\u1eb7c n\u1ed9i dung quan tr\u1ecdng. V\u00ed d\u1ee5:<\/span><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><span style=\"font-weight: 400;\">&lt;<\/span><span style=\"font-weight: 400;\">p<\/span> <i><span style=\"font-weight: 400;\">class<\/span><\/i><span style=\"font-weight: 400;\">=<\/span><span style=\"font-weight: 400;\">\"<\/span><span style=\"font-weight: 400;\">border border-danger<\/span><span style=\"font-weight: 400;\">\"<\/span><span style=\"font-weight: 400;\">&gt;ITViec Blog - border-danger&lt;\/<\/span><span style=\"font-weight: 400;\">p<\/span><span style=\"font-weight: 400;\">&gt;<\/span><\/code><\/pre>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"116\" src=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-35-vippro.png\" alt=\"Bootstrap Color: C\u00e1ch s\u1eed d\u1ee5ng h\u1ec7 th\u1ed1ng m\u00e0u trong Bootstrap\" class=\"wp-image-87089\" srcset=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-35-vippro.png 900w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-35-vippro-300x39.png 300w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-35-vippro-768x99.png 640w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-35-vippro-200x26.png 200w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-border-warning\"><b>border-warning<\/b><\/h4>\n\n\n\n<p><span style=\"font-weight: 400;\">Vi\u1ec1n m\u00e0u v\u00e0ng\/cam, th\u00edch h\u1ee3p v\u1edbi c\u1ea3nh b\u00e1o nh\u1eb9. V\u00ed d\u1ee5:<\/span><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><span style=\"font-weight: 400;\">&lt;<\/span><span style=\"font-weight: 400;\">p<\/span> <i><span style=\"font-weight: 400;\">class<\/span><\/i><span style=\"font-weight: 400;\">=<\/span><span style=\"font-weight: 400;\">\"<\/span><span style=\"font-weight: 400;\">border border-warning<\/span><span style=\"font-weight: 400;\">\"<\/span><span style=\"font-weight: 400;\">&gt;ITViec Blog - border-warning&lt;\/<\/span><span style=\"font-weight: 400;\">p<\/span><span style=\"font-weight: 400;\">&gt;<\/span><\/code><\/pre>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"902\" height=\"110\" src=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-36-vippro.png\" alt=\"Bootstrap Color: C\u00e1ch s\u1eed d\u1ee5ng h\u1ec7 th\u1ed1ng m\u00e0u trong Bootstrap\" class=\"wp-image-87090\" srcset=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-36-vippro.png 902w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-36-vippro-300x37.png 300w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-36-vippro-768x94.png 640w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-36-vippro-200x24.png 200w\" sizes=\"auto, (max-width: 902px) 100vw, 902px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-border-info\"><b>border-info<\/b><\/h4>\n\n\n\n<p><span style=\"font-weight: 400;\">Vi\u1ec1n m\u00e0u xanh nh\u1ea1t, d\u00f9ng cho n\u1ed9i dung b\u1ed5 sung ho\u1eb7c th\u00f4ng tin h\u1ed7 tr\u1ee3. V\u00ed d\u1ee5:<\/span><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><span style=\"font-weight: 400;\">&lt;<\/span><span style=\"font-weight: 400;\">p<\/span> <i><span style=\"font-weight: 400;\">class<\/span><\/i><span style=\"font-weight: 400;\">=<\/span><span style=\"font-weight: 400;\">\"<\/span><span style=\"font-weight: 400;\">border border-info<\/span><span style=\"font-weight: 400;\">\"<\/span><span style=\"font-weight: 400;\">&gt;ITViec Blog - border-info&lt;\/<\/span><span style=\"font-weight: 400;\">p<\/span><span style=\"font-weight: 400;\">&gt;<\/span><\/code><\/pre>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"116\" src=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-37-vippro.png\" alt=\"Bootstrap Color: C\u00e1ch s\u1eed d\u1ee5ng h\u1ec7 th\u1ed1ng m\u00e0u trong Bootstrap\" class=\"wp-image-87091\" srcset=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-37-vippro.png 900w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-37-vippro-300x39.png 300w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-37-vippro-768x99.png 640w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-37-vippro-200x26.png 200w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-border-light\"><b>border-light<\/b><\/h4>\n\n\n\n<p><span style=\"font-weight: 400;\">Vi\u1ec1n m\u00e0u tr\u1eafng nh\u1ea1t, ch\u1ec9 th\u1ea5y r\u00f5 tr\u00ean n\u1ec1n t\u1ed1i. V\u00ed d\u1ee5:<\/span><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><span style=\"font-weight: 400;\">&lt;<\/span><span style=\"font-weight: 400;\">p<\/span> <i><span style=\"font-weight: 400;\">class<\/span><\/i><span style=\"font-weight: 400;\">=<\/span><span style=\"font-weight: 400;\">\"<\/span><span style=\"font-weight: 400;\">border border-light<\/span><span style=\"font-weight: 400;\">\"<\/span><span style=\"font-weight: 400;\">&gt;ITViec Blog - border-dark&lt;\/<\/span><span style=\"font-weight: 400;\">p<\/span><span style=\"font-weight: 400;\">&gt;<\/span><\/code><\/pre>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"918\" height=\"128\" src=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-39-vippro.jpg\" alt=\"Bootstrap Color: C\u00e1ch s\u1eed d\u1ee5ng h\u1ec7 th\u1ed1ng m\u00e0u trong Bootstrap\" class=\"wp-image-87093\" srcset=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-39-vippro.jpg 918w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-39-vippro-300x42.jpg 300w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-39-vippro-768x107.jpg 640w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-39-vippro-200x28.jpg 200w\" sizes=\"auto, (max-width: 918px) 100vw, 918px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-border-dark\"><b>border-dark<\/b><\/h4>\n\n\n\n<p><span style=\"font-weight: 400;\">Vi\u1ec1n m\u00e0u x\u00e1m \u0111\u1eadm, ph\u00f9 h\u1ee3p v\u1edbi n\u1ec1n s\u00e1ng. V\u00ed d\u1ee5:<\/span><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><span style=\"font-weight: 400;\">&lt;<\/span><span style=\"font-weight: 400;\">p<\/span> <i><span style=\"font-weight: 400;\">class<\/span><\/i><span style=\"font-weight: 400;\">=<\/span><span style=\"font-weight: 400;\">\"<\/span><span style=\"font-weight: 400;\">border border-dark<\/span><span style=\"font-weight: 400;\">\"<\/span><span style=\"font-weight: 400;\">&gt;ITViec Blog - border-dark&lt;\/<\/span><span style=\"font-weight: 400;\">p<\/span><span style=\"font-weight: 400;\">&gt;<\/span><\/code><\/pre>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"908\" height=\"116\" src=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-38-vippro.png\" alt=\"Bootstrap Color: C\u00e1ch s\u1eed d\u1ee5ng h\u1ec7 th\u1ed1ng m\u00e0u trong Bootstrap\" class=\"wp-image-87092\" srcset=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-38-vippro.png 908w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-38-vippro-300x38.png 300w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-38-vippro-768x98.png 640w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-38-vippro-200x26.png 200w\" sizes=\"auto, (max-width: 908px) 100vw, 908px\" \/><\/figure>\n\n\n\n<p><span style=\"font-weight: 400;\">Ngo\u00e0i ra, b\u1ea1n c\u00f3 th\u1ec3 k\u1ebft h\u1ee3p v\u1edbi c\u00e1c l\u1edbp nh\u01b0:<\/span><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><span style=\"font-weight: 400;\">border-0: x\u00f3a vi\u1ec1n<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400;\">border-top, border-end, border-bottom, border-start:\u00a0 \u00e1p d\u1ee5ng vi\u1ec1n t\u1eebng ph\u00eda<\/span><\/li>\n<\/ul>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p><span style=\"font-weight: 400;\">Tham kh\u1ea3o th\u00eam: <\/span><strong><a href=\"https:\/\/itviec.com\/blog\/border-bootstrap-la-gi\/\" target=\"_blank\" rel=\"noopener\">C\u00e1ch s\u1eed d\u1ee5ng border Bootstrap<\/a><\/strong><\/p>\n<\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-h\u01b0\u1edbng-d\u1eabn-tuy-ch\u1ec9nh-mau-s\u1eafc-trong-bootstrap\"><span class=\"ez-toc-section\" id=\"Huong_dan_tuy_chinh_mau_sac_trong_Bootstrap\"><\/span><b>H\u01b0\u1edbng d\u1eabn t\u00f9y ch\u1ec9nh m\u00e0u s\u1eafc trong Bootstrap<\/b><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p><span style=\"font-weight: 400;\">Bootstrap cung c\u1ea5p s\u1eb5n m\u1ed9t h\u1ec7 th\u1ed1ng m\u00e0u ch\u1ee7 \u0111\u1ec1 c\u00f9ng c\u00e1c l\u1edbp ti\u1ec7n \u00edch r\u1ea5t linh ho\u1ea1t, \u0111\u1ee7 \u0111\u1ec3 b\u1ea1n x\u00e2y d\u1ef1ng giao di\u1ec7n nhanh ch\u00f3ng. Tuy nhi\u00ean, v\u00ec \u0111\u00e2y l\u00e0 nh\u1eefng thi\u1ebft l\u1eadp m\u1eb7c \u0111\u1ecbnh, n\u00ean d\u1ec5 d\u1eabn \u0111\u1ebfn t\u00ecnh tr\u1ea1ng nhi\u1ec1u website t\u01b0\u01a1ng t\u1ef1 nhau v\u1ec1 m\u00e0u s\u1eafc v\u00e0 phong c\u00e1ch. V\u00ec v\u1eady \u0111\u1ec3 v\u1eeba t\u1eadn d\u1ee5ng \u0111\u01b0\u1ee3c s\u1ee9c m\u1ea1nh c\u1ee7a Bootstrap, v\u1eeba th\u1ec3 hi\u1ec7n \u0111\u01b0\u1ee3c c\u00e1 t\u00ednh th\u01b0\u01a1ng hi\u1ec7u, b\u1ea1n c\u00f3 th\u1ec3 t\u00f9y ch\u1ec9nh l\u1ea1i m\u00e0u s\u1eafc trong Bootstrap nh\u01b0 sau:<\/span><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-tuy-ch\u1ec9nh-qua-bi\u1ebfn-scss-cach-chu\u1ea9n-va-m\u1ea1nh-m\u1ebd-nh\u1ea5t\"><b>T\u00f9y ch\u1ec9nh qua bi\u1ebfn SCSS (C\u00e1ch chu\u1ea9n v\u00e0 m\u1ea1nh m\u1ebd nh\u1ea5t)<\/b><\/h3>\n\n\n\n<p><span style=\"font-weight: 400;\">N\u1ebfu b\u1ea1n s\u1eed d\u1ee5ng Bootstrap qua Sass\/SCSS, b\u1ea1n c\u00f3 th\u1ec3 t\u00f9y ch\u1ec9nh m\u00e0u b\u1eb1ng c\u00e1ch ghi \u0111\u00e8 c\u00e1c bi\u1ebfn tr\u01b0\u1edbc khi import Bootstrap:<\/span><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><span style=\"font-weight: 400;\">$primary<\/span><span style=\"font-weight: 400;\">: <\/span><span style=\"font-weight: 400;\">#0d6efd<\/span><span style=\"font-weight: 400;\">;<\/span>\n<span style=\"font-weight: 400;\">$secondary<\/span><span style=\"font-weight: 400;\">: <\/span><span style=\"font-weight: 400;\">#6c757d<\/span><span style=\"font-weight: 400;\">;<\/span>\n<span style=\"font-weight: 400;\">$danger<\/span><span style=\"font-weight: 400;\">: <\/span><span style=\"font-weight: 400;\">#e3342f<\/span><span style=\"font-weight: 400;\">;<\/span>\n\n<span style=\"font-weight: 400;\">\/\/ Sau \u0111\u00f3 m\u1edbi import Bootstrap<\/span>\n<span style=\"font-weight: 400;\">@<\/span><span style=\"font-weight: 400;\">import<\/span> <span style=\"font-weight: 400;\">\"bootstrap\"<\/span><span style=\"font-weight: 400;\">;<\/span><\/code><\/pre>\n\n\n\n<p><span style=\"font-weight: 400;\">B\u1ea1n c\u0169ng c\u00f3 th\u1ec3 m\u1edf r\u1ed9ng b\u1ea3ng m\u00e0u:<\/span><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><span style=\"font-weight: 400;\">$theme-colors<\/span><span style=\"font-weight: 400;\">: (<\/span>\n<span style=\"font-weight: 400;\">&nbsp; <\/span><span style=\"font-weight: 400;\">\"primary\"<\/span><span style=\"font-weight: 400;\">: <\/span><span style=\"font-weight: 400;\">#0d6efd<\/span><span style=\"font-weight: 400;\">,<\/span>\n<span style=\"font-weight: 400;\">&nbsp; <\/span><span style=\"font-weight: 400;\">\"secondary\"<\/span><span style=\"font-weight: 400;\">: <\/span><span style=\"font-weight: 400;\">#6c757d<\/span><span style=\"font-weight: 400;\">,<\/span>\n<span style=\"font-weight: 400;\">&nbsp; <\/span><span style=\"font-weight: 400;\">\"danger\"<\/span><span style=\"font-weight: 400;\">: <\/span><span style=\"font-weight: 400;\">#e3342f<\/span><span style=\"font-weight: 400;\">,<\/span>\n<span style=\"font-weight: 400;\">&nbsp; <\/span><span style=\"font-weight: 400;\">\"custom-blue\"<\/span><span style=\"font-weight: 400;\">: <\/span><span style=\"font-weight: 400;\">#0077cc<\/span>\n<span style=\"font-weight: 400;\">);<\/span><\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-tuy-ch\u1ec9nh-thong-qua-css-th\u1ee7-cong-khong-dung-scss\"><b>T\u00f9y ch\u1ec9nh th\u00f4ng qua CSS th\u1ee7 c\u00f4ng (kh\u00f4ng d\u00f9ng SCSS)<\/b><\/h3>\n\n\n\n<p><span style=\"font-weight: 400;\">B\u1ea1n c\u00f3 th\u1ec3 t\u1ef1 vi\u1ebft CSS \u0111\u00e8 l\u00ean c\u00e1c l\u1edbp m\u1eb7c \u0111\u1ecbnh:<\/span><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><span style=\"font-weight: 400;\">.text-primary<\/span><span style=\"font-weight: 400;\"> {<\/span>\n<span style=\"font-weight: 400;\">&nbsp; <\/span><span style=\"font-weight: 400;\">color<\/span><span style=\"font-weight: 400;\">: <\/span><span style=\"font-weight: 400;\">#ff6600<\/span> <span style=\"font-weight: 400;\">!important<\/span><span style=\"font-weight: 400;\">;<\/span>\n<span style=\"font-weight: 400;\">}<\/span>\n<span style=\"font-weight: 400;\">.bg-primary<\/span><span style=\"font-weight: 400;\"> {<\/span>\n<span style=\"font-weight: 400;\">&nbsp; <\/span><span style=\"font-weight: 400;\">background-color<\/span><span style=\"font-weight: 400;\">: <\/span><span style=\"font-weight: 400;\">#ff6600<\/span> <span style=\"font-weight: 400;\">!important<\/span><span style=\"font-weight: 400;\">;<\/span>\n<span style=\"font-weight: 400;\">}<\/span><\/code><\/pre>\n\n\n\n<p><span style=\"font-weight: 400;\">Tuy nhi\u00ean, c\u00e1ch n\u00e0y h\u01a1i c\u1ee9ng nh\u1eafc v\u00e0 kh\u00f4ng th\u00e2n thi\u1ec7n n\u1ebfu b\u1ea1n c\u1ea7n m\u1edf r\u1ed9ng ho\u1eb7c b\u1ea3o tr\u00ec sau n\u00e0y. N\u00f3 ch\u1ec9 ph\u00f9 h\u1ee3p cho c\u00e1c ch\u1ec9nh s\u1eeda nh\u1ecf ho\u1eb7c t\u1ea1m th\u1eddi.<\/span><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-nh\u1eefng-l\u01b0u-y-khi-s\u1eed-d\u1ee5ng-mau-s\u1eafc-trong-bootstrap\"><span class=\"ez-toc-section\" id=\"Nhung_luu_y_khi_su_dung_mau_sac_trong_Bootstrap\"><\/span><b>Nh\u1eefng l\u01b0u \u00fd khi s\u1eed d\u1ee5ng m\u00e0u s\u1eafc trong Bootstrap<\/b><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p><span style=\"font-weight: 400;\">\u0110\u1ec3 s\u1eed d\u1ee5ng m\u00e0u s\u1eafc m\u1ed9t c\u00e1ch hi\u1ec7u qu\u1ea3 &#8211; v\u1eeba \u0111\u1eb9p, v\u1eeba th\u00e2n thi\u1ec7n v\u1edbi ng\u01b0\u1eddi d\u00f9ng &#8211; b\u1ea1n n\u00ean ghi nh\u1edb m\u1ed9t v\u00e0i nguy\u00ean t\u1eafc quan tr\u1ecdng d\u01b0\u1edbi \u0111\u00e2y:<\/span><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><b>L\u01b0u \u00fd v\u1ec1 kh\u1ea3 n\u0103ng truy c\u1eadp:<\/b><span style=\"font-weight: 400;\"> Kh\u00f4ng n\u00ean ch\u1ec9 truy\u1ec1n \u0111\u1ea1t \u00fd ngh\u0129a b\u1eb1ng m\u00e0u s\u1eafc, v\u00ec ng\u01b0\u1eddi d\u00f9ng c\u00f4ng ngh\u1ec7 h\u1ed7 tr\u1ee3 nh\u01b0 tr\u00ecnh \u0111\u1ecdc m\u00e0n h\u00ecnh s\u1ebd kh\u00f4ng nh\u1eadn bi\u1ebft \u0111\u01b0\u1ee3c. H\u00e3y \u0111\u1ea3m b\u1ea3o th\u00f4ng tin c\u0169ng \u0111\u01b0\u1ee3c th\u1ec3 hi\u1ec7n qua v\u0103n b\u1ea3n ho\u1eb7c v\u0103n b\u1ea3n \u1ea9n b\u1eb1ng l\u1edbp .visually-hidden.<\/span><\/li>\n\n\n\n<li><b>\u0110\u1ea3m b\u1ea3o \u0111\u1ed9 t\u01b0\u01a1ng ph\u1ea3n m\u00e0u s\u1eafc: <\/b><span style=\"font-weight: 400;\">M\u00e0u ch\u1eef v\u00e0 m\u00e0u n\u1ec1n c\u1ea7n \u0111\u1ee7 t\u01b0\u01a1ng ph\u1ea3n \u0111\u1ec3 d\u1ec5 \u0111\u1ecdc &#8211; \u0111\u1eb7c bi\u1ec7t l\u00e0 tr\u00ean thi\u1ebft b\u1ecb di \u0111\u1ed9ng ho\u1eb7c trong \u0111i\u1ec1u ki\u1ec7n \u00e1nh s\u00e1ng k\u00e9m. M\u1ed9t s\u1ed1 m\u00e0u nh\u01b0 text-light tr\u00ean n\u1ec1n s\u00e1ng c\u00f3 th\u1ec3 g\u00e2y kh\u00f3 nh\u00ecn.<\/span><\/li>\n\n\n\n<li><b>\u01afu ti\u00ean s\u1eed d\u1ee5ng h\u1ec7 th\u1ed1ng m\u00e0u (theme colors):<\/b><span style=\"font-weight: 400;\"> Vi\u1ec7c tu\u00e2n th\u1ee7 h\u1ec7 th\u1ed1ng n\u00e0y gi\u00fap b\u1ea1n d\u1ec5 d\u00e0ng qu\u1ea3n l\u00fd khi mu\u1ed1n thay \u0111\u1ed5i theme to\u00e0n trang.<\/span><\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-cac-cau-h\u1ecfi-th\u01b0\u1eddng-g\u1eb7p-v\u1ec1-bootstrap-color\"><span class=\"ez-toc-section\" id=\"Cac_cau_hoi_thuong_gap_ve_Bootstrap_color\"><\/span><b>C\u00e1c c\u00e2u h\u1ecfi th\u01b0\u1eddng g\u1eb7p v\u1ec1 Bootstrap color<\/b><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-s\u1ef1-khac-bi\u1ec7t-gi\u1eefa-text-primary-va-text-info-la-gi\"><b>S\u1ef1 kh\u00e1c bi\u1ec7t gi\u1eefa .text-primary v\u00e0 .text-info l\u00e0 g\u00ec?<\/b><\/h3>\n\n\n\n<p><span style=\"font-weight: 400;\">C\u1ea3 hai \u0111\u1ec1u l\u00e0 l\u1edbp m\u00e0u ch\u1eef \u0111\u01b0\u1ee3c Bootstrap \u0111\u1ecbnh ngh\u0129a s\u1eb5n, nh\u01b0ng ch\u00fang mang \u00fd ngh\u0129a v\u00e0 m\u00e0u s\u1eafc kh\u00e1c nhau:<\/span><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><b>.text-primary:<\/b><span style=\"font-weight: 400;\"> T\u1ea1o v\u0103n b\u1ea3n m\u00e0u xanh d\u01b0\u01a1ng \u0111\u1eadm, l\u00e0 m\u00e0u ch\u1ee7 \u0111\u1ea1o c\u1ee7a giao di\u1ec7n, th\u01b0\u1eddng d\u00f9ng \u0111\u1ec3 l\u00e0m n\u1ed5i b\u1eadt c\u00e1c y\u1ebfu t\u1ed1 ch\u00ednh nh\u01b0 ti\u00eau \u0111\u1ec1, li\u00ean k\u1ebft quan tr\u1ecdng&#8230;<\/span><\/li>\n\n\n\n<li><b>.text-info:<\/b><span style=\"font-weight: 400;\"> T\u1ea1o v\u0103n b\u1ea3n m\u00e0u xanh nh\u1ea1t, d\u00f9ng \u0111\u1ec3 th\u1ec3 hi\u1ec7n th\u00f4ng tin trung l\u1eadp, mang t\u00ednh h\u1ed7 tr\u1ee3 nh\u01b0 nh\u1eafc nh\u1edf nh\u1eb9 ho\u1eb7c th\u00f4ng b\u00e1o.<\/span><\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-co-th\u1ec3-t\u1ea1o-them-mau-ngoai-cac-mau-m\u1eb7c-d\u1ecbnh-khong\"><b>C\u00f3 th\u1ec3 t\u1ea1o th\u00eam m\u00e0u ngo\u00e0i c\u00e1c m\u00e0u m\u1eb7c \u0111\u1ecbnh kh\u00f4ng?<\/b><\/h3>\n\n\n\n<p><span style=\"font-weight: 400;\">N\u1ebfu b\u1ea1n s\u1eed d\u1ee5ng Bootstrap qua SCSS, b\u1ea1n ho\u00e0n to\u00e0n c\u00f3 th\u1ec3 m\u1edf r\u1ed9ng h\u1ec7 th\u1ed1ng m\u00e0u b\u1eb1ng c\u00e1ch th\u00eam v\u00e0o bi\u1ebfn $theme-colors:<\/span><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><span style=\"font-weight: 400;\">$theme-colors<\/span><span style=\"font-weight: 400;\">: (<\/span>\n<span style=\"font-weight: 400;\">&nbsp; <\/span><span style=\"font-weight: 400;\">\"primary\"<\/span><span style=\"font-weight: 400;\">: <\/span><span style=\"font-weight: 400;\">#0d6efd<\/span><span style=\"font-weight: 400;\">,<\/span>\n<span style=\"font-weight: 400;\">&nbsp; <\/span><span style=\"font-weight: 400;\">\"custom-orange\"<\/span><span style=\"font-weight: 400;\">: <\/span><span style=\"font-weight: 400;\">#ff6600<\/span><span style=\"font-weight: 400;\">,<\/span>\n<span style=\"font-weight: 400;\">&nbsp; <\/span><span style=\"font-weight: 400;\">\"brand-purple\"<\/span><span style=\"font-weight: 400;\">: <\/span><span style=\"font-weight: 400;\">#6f42c1<\/span>\n<span style=\"font-weight: 400;\">);<\/span><\/code><\/pre>\n\n\n\n<p><span style=\"font-weight: 400;\">Sau \u0111\u00f3, b\u1ea1n c\u00f3 th\u1ec3 s\u1eed d\u1ee5ng nh\u01b0 c\u00e1c l\u1edbp ti\u1ec7n \u00edch th\u00f4ng th\u01b0\u1eddng:<\/span><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><span style=\"font-weight: 400;\">.text-custom-orange<\/span><span style=\"font-weight: 400;\">, <\/span><span style=\"font-weight: 400;\">.bg-brand-purple<\/span><span style=\"font-weight: 400;\">, v<\/span><span style=\"font-weight: 400;\">.v<\/span><span style=\"font-weight: 400;\">.<\/span><\/code><\/pre>\n\n\n\n<p><span style=\"font-weight: 400;\">N\u1ebfu kh\u00f4ng d\u00f9ng SCSS, b\u1ea1n v\u1eabn c\u00f3 th\u1ec3 t\u1ea1o l\u1edbp CSS th\u1ee7 c\u00f4ng \u0111\u1ec3 \u0111\u1ecbnh ngh\u0129a m\u00e0u ri\u00eang.<\/span><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-mau-text-dark-co-gi\u1ed1ng-mau-den-tuy\u1ec7t-d\u1ed1i-khong\"><b>M\u00e0u .text-dark c\u00f3 gi\u1ed1ng m\u00e0u \u0111en tuy\u1ec7t \u0111\u1ed1i kh\u00f4ng?<\/b><\/h3>\n\n\n\n<p><span style=\"font-weight: 400;\">Kh\u00f4ng ho\u00e0n to\u00e0n nh\u01b0 v\u1eady, <\/span><b>.text-dark<\/b><span style=\"font-weight: 400;\"> l\u00e0 m\u1ed9t m\u00e0u x\u00e1m r\u1ea5t \u0111\u1eadm (<\/span><b>#212529<\/b><span style=\"font-weight: 400;\"> theo m\u1eb7c \u0111\u1ecbnh), ch\u1ee9 kh\u00f4ng ph\u1ea3i m\u00e0u \u0111en tuy\u1ec7t \u0111\u1ed1i (<\/span><b>#000000<\/b><span style=\"font-weight: 400;\">). M\u1ee5c \u0111\u00edch c\u1ee7a n\u00f3 l\u00e0 t\u1ea1o c\u1ea3m gi\u00e1c d\u1ecbu m\u1eaft h\u01a1n khi hi\u1ec3n th\u1ecb v\u0103n b\u1ea3n tr\u00ean n\u1ec1n s\u00e1ng, tr\u00e1nh s\u1ef1 t\u01b0\u01a1ng ph\u1ea3n qu\u00e1 g\u1eaft. N\u1ebfu b\u1ea1n mu\u1ed1n d\u00f9ng m\u00e0u \u0111en tuy\u1ec7t \u0111\u1ed1i, c\u00f3 th\u1ec3 d\u00f9ng l\u1edbp<\/span><b> .text-black <\/b><span style=\"font-weight: 400;\">ho\u1eb7c vi\u1ebft CSS th\u1ee7 c\u00f4ng.<\/span><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-t\u1ed5ng-k\u1ebft\"><span class=\"ez-toc-section\" id=\"Tong_ket\"><\/span><b>T\u1ed5ng k\u1ebft<\/b><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p><span style=\"font-weight: 400;\">H\u1ec7 th\u1ed1ng m\u00e0u s\u1eafc trong Bootstrap l\u00e0 m\u1ed9t ph\u1ea7n kh\u00f4ng th\u1ec3 thi\u1ebfu \u0111\u1ec3 t\u1ea1o n\u00ean giao di\u1ec7n hi\u1ec7n \u0111\u1ea1i, d\u1ec5 d\u00f9ng v\u00e0 nh\u1ea5t qu\u00e1n. Bootstrap color gi\u00fap b\u1ea1n ki\u1ec3m so\u00e1t m\u00e0u s\u1eafc m\u1ed9t c\u00e1ch tr\u1ef1c quan m\u00e0 kh\u00f4ng c\u1ea7n vi\u1ebft nhi\u1ec1u CSS. Quan tr\u1ecdng h\u01a1n, vi\u1ec7c \u00e1p d\u1ee5ng m\u00e0u s\u1eafc \u0111\u00fang c\u00e1ch kh\u00f4ng ch\u1ec9 c\u1ea3i thi\u1ec7n tr\u1ea3i nghi\u1ec7m ng\u01b0\u1eddi d\u00f9ng m\u00e0 c\u00f2n t\u0103ng t\u00ednh nh\u1eadn di\u1ec7n th\u01b0\u01a1ng hi\u1ec7u cho website.<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">ITviec hi v\u1ecdng b\u00e0i vi\u1ebft n\u00e0y \u0111\u00e3 gi\u00fap b\u1ea1n n\u1eafm v\u1eefng c\u00e1ch s\u1eed d\u1ee5ng m\u00e0u trong Bootstrap, hi\u1ec3u \u0111\u01b0\u1ee3c s\u1ef1 kh\u00e1c bi\u1ec7t gi\u1eefa c\u00e1c l\u1edbp m\u00e0u, v\u00e0 bi\u1ebft c\u00e1ch m\u1edf r\u1ed9ng b\u1ea3ng m\u00e0u \u0111\u1ec3 ph\u00f9 h\u1ee3p h\u01a1n v\u1edbi d\u1ef1 \u00e1n th\u1ef1c t\u1ebf c\u1ee7a m\u00ecnh.<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Trong thi\u1ebft k\u1ebf giao di\u1ec7n web, m\u00e0u s\u1eafc kh\u00f4ng ch\u1ec9 \u0111\u01a1n thu\u1ea7n l\u00e0 y\u1ebfu t\u1ed1 th\u1ea9m m\u1ef9 m\u00e0 n\u00f3 c\u00f2n \u1ea3nh h\u01b0\u1edfng l\u1edbn \u0111\u1ebfn tr\u1ea3i nghi\u1ec7m ng\u01b0\u1eddi d\u00f9ng, kh\u1ea3 n\u0103ng \u0111\u1ecdc hi\u1ec3u n\u1ed9i dung v\u00e0 nh\u1eadn di\u1ec7n th\u01b0\u01a1ng hi\u1ec7u. Bootstrap cung c\u1ea5p m\u1ed9t h\u1ec7 th\u1ed1ng m\u00e0u s\u1eafc m\u1ea1nh m\u1ebd gi\u00fap qu\u1ea3n l\u00fd v\u00e0 s\u1eed d\u1ee5ng [&hellip;]<\/p>\n","protected":false},"author":235,"featured_media":87095,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_gspb_post_css":"","footnotes":""},"categories":[109],"tags":[],"class_list":["post-87016","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-chuyen-mon-it"],"blocksy_meta":[],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v26.8 (Yoast SEO v27.8) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Bootstrap Color: C\u00e1ch s\u1eed d\u1ee5ng h\u1ec7 th\u1ed1ng m\u00e0u trong Bootstrap - ITviec Blog<\/title>\n<meta name=\"description\" content=\"T\u00ecm hi\u1ec3u chi ti\u1ebft h\u1ec7 th\u1ed1ng m\u00e0u s\u1eafc trong Bootstrap color: theme, text, background, border v\u00e0 c\u00e1ch t\u00f9y ch\u1ec9nh m\u00e0u s\u1eafc d\u1ec5 d\u00e0ng.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/itviec.com\/blog\/bootstrap-color-la-gi\/\" \/>\n<meta property=\"og:locale\" content=\"vi_VN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Bootstrap Color: C\u00e1ch s\u1eed d\u1ee5ng h\u1ec7 th\u1ed1ng m\u00e0u trong Bootstrap\" \/>\n<meta property=\"og:description\" content=\"Trong thi\u1ebft k\u1ebf giao di\u1ec7n web, m\u00e0u s\u1eafc kh\u00f4ng ch\u1ec9 \u0111\u01a1n thu\u1ea7n l\u00e0 y\u1ebfu t\u1ed1 th\u1ea9m m\u1ef9 m\u00e0 n\u00f3 c\u00f2n \u1ea3nh h\u01b0\u1edfng l\u1edbn \u0111\u1ebfn tr\u1ea3i nghi\u1ec7m ng\u01b0\u1eddi d\u00f9ng, kh\u1ea3 n\u0103ng \u0111\u1ecdc hi\u1ec3u n\u1ed9i dung\" \/>\n<meta property=\"og:url\" content=\"https:\/\/itviec.com\/blog\/bootstrap-color-la-gi\/\" \/>\n<meta property=\"og:site_name\" content=\"ITviec Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/ITviec\" \/>\n<meta property=\"article:published_time\" content=\"2025-05-17T16:27:04+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-07-10T04:19:23+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-vippro.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2048\" \/>\n\t<meta property=\"og:image:height\" content=\"1077\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Ph\u1ea1m H\u1eefu Ng\u1ecdc\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@ITviec\" \/>\n<meta name=\"twitter:site\" content=\"@ITviec\" \/>\n<meta name=\"twitter:label1\" content=\"\u0110\u01b0\u1ee3c vi\u1ebft b\u1edfi\" \/>\n\t<meta name=\"twitter:data1\" content=\"Ph\u1ea1m H\u1eefu Ng\u1ecdc\" \/>\n\t<meta name=\"twitter:label2\" content=\"\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc\" \/>\n\t<meta name=\"twitter:data2\" content=\"20 ph\u00fat\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Bootstrap Color: C\u00e1ch s\u1eed d\u1ee5ng h\u1ec7 th\u1ed1ng m\u00e0u trong Bootstrap - ITviec Blog","description":"T\u00ecm hi\u1ec3u chi ti\u1ebft h\u1ec7 th\u1ed1ng m\u00e0u s\u1eafc trong Bootstrap color: theme, text, background, border v\u00e0 c\u00e1ch t\u00f9y ch\u1ec9nh m\u00e0u s\u1eafc d\u1ec5 d\u00e0ng.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/itviec.com\/blog\/bootstrap-color-la-gi\/","og_locale":"vi_VN","og_type":"article","og_title":"Bootstrap Color: C\u00e1ch s\u1eed d\u1ee5ng h\u1ec7 th\u1ed1ng m\u00e0u trong Bootstrap","og_description":"Trong thi\u1ebft k\u1ebf giao di\u1ec7n web, m\u00e0u s\u1eafc kh\u00f4ng ch\u1ec9 \u0111\u01a1n thu\u1ea7n l\u00e0 y\u1ebfu t\u1ed1 th\u1ea9m m\u1ef9 m\u00e0 n\u00f3 c\u00f2n \u1ea3nh h\u01b0\u1edfng l\u1edbn \u0111\u1ebfn tr\u1ea3i nghi\u1ec7m ng\u01b0\u1eddi d\u00f9ng, kh\u1ea3 n\u0103ng \u0111\u1ecdc hi\u1ec3u n\u1ed9i dung","og_url":"https:\/\/itviec.com\/blog\/bootstrap-color-la-gi\/","og_site_name":"ITviec Blog","article_publisher":"https:\/\/www.facebook.com\/ITviec","article_published_time":"2025-05-17T16:27:04+00:00","article_modified_time":"2025-07-10T04:19:23+00:00","og_image":[{"width":2048,"height":1077,"url":"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-vippro.jpg","type":"image\/jpeg"}],"author":"Ph\u1ea1m H\u1eefu Ng\u1ecdc","twitter_card":"summary_large_image","twitter_creator":"@ITviec","twitter_site":"@ITviec","twitter_misc":{"\u0110\u01b0\u1ee3c vi\u1ebft b\u1edfi":"Ph\u1ea1m H\u1eefu Ng\u1ecdc","\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc":"20 ph\u00fat"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/itviec.com\/blog\/bootstrap-color-la-gi\/#article","isPartOf":{"@id":"https:\/\/itviec.com\/blog\/bootstrap-color-la-gi\/"},"author":{"name":"Ph\u1ea1m H\u1eefu Ng\u1ecdc","@id":"https:\/\/itviec.com\/blog\/#\/schema\/person\/407769a7625b7f955cef615f7a99abad"},"headline":"Bootstrap Color: C\u00e1ch s\u1eed d\u1ee5ng h\u1ec7 th\u1ed1ng m\u00e0u trong Bootstrap","datePublished":"2025-05-17T16:27:04+00:00","dateModified":"2025-07-10T04:19:23+00:00","mainEntityOfPage":{"@id":"https:\/\/itviec.com\/blog\/bootstrap-color-la-gi\/"},"wordCount":3260,"publisher":{"@id":"https:\/\/itviec.com\/blog\/#organization"},"image":{"@id":"https:\/\/itviec.com\/blog\/bootstrap-color-la-gi\/#primaryimage"},"thumbnailUrl":"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-vippro.jpg","articleSection":["Chuy\u00ean m\u00f4n IT"],"inLanguage":"vi"},{"@type":"WebPage","@id":"https:\/\/itviec.com\/blog\/bootstrap-color-la-gi\/","url":"https:\/\/itviec.com\/blog\/bootstrap-color-la-gi\/","name":"Bootstrap Color: C\u00e1ch s\u1eed d\u1ee5ng h\u1ec7 th\u1ed1ng m\u00e0u trong Bootstrap - ITviec Blog","isPartOf":{"@id":"https:\/\/itviec.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/itviec.com\/blog\/bootstrap-color-la-gi\/#primaryimage"},"image":{"@id":"https:\/\/itviec.com\/blog\/bootstrap-color-la-gi\/#primaryimage"},"thumbnailUrl":"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-vippro.jpg","datePublished":"2025-05-17T16:27:04+00:00","dateModified":"2025-07-10T04:19:23+00:00","description":"T\u00ecm hi\u1ec3u chi ti\u1ebft h\u1ec7 th\u1ed1ng m\u00e0u s\u1eafc trong Bootstrap color: theme, text, background, border v\u00e0 c\u00e1ch t\u00f9y ch\u1ec9nh m\u00e0u s\u1eafc d\u1ec5 d\u00e0ng.","breadcrumb":{"@id":"https:\/\/itviec.com\/blog\/bootstrap-color-la-gi\/#breadcrumb"},"inLanguage":"vi","potentialAction":[{"@type":"ReadAction","target":["https:\/\/itviec.com\/blog\/bootstrap-color-la-gi\/"]}]},{"@type":"ImageObject","inLanguage":"vi","@id":"https:\/\/itviec.com\/blog\/bootstrap-color-la-gi\/#primaryimage","url":"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-vippro.jpg","contentUrl":"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/05\/bootstrap-color-vippro.jpg","width":2048,"height":1077,"caption":"Bootstrap Color: C\u00e1ch s\u1eed d\u1ee5ng h\u1ec7 th\u1ed1ng m\u00e0u trong Bootstrap"},{"@type":"BreadcrumbList","@id":"https:\/\/itviec.com\/blog\/bootstrap-color-la-gi\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Chuy\u00ean m\u00f4n IT","item":"https:\/\/itviec.com\/blog\/chuyen-mon-it\/"},{"@type":"ListItem","position":2,"name":"Bootstrap Color: C\u00e1ch s\u1eed d\u1ee5ng h\u1ec7 th\u1ed1ng m\u00e0u trong Bootstrap"}]},{"@type":"WebSite","@id":"https:\/\/itviec.com\/blog\/#website","url":"https:\/\/itviec.com\/blog\/","name":"ITviec Blog","description":"IT Jobs &amp; People in Vietnam","publisher":{"@id":"https:\/\/itviec.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/itviec.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"vi"},{"@type":"Organization","@id":"https:\/\/itviec.com\/blog\/#organization","name":"ITviec","url":"https:\/\/itviec.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"vi","@id":"https:\/\/itviec.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2018\/12\/itviec-black-square-facebook.png","contentUrl":"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2018\/12\/itviec-black-square-facebook.png","width":1800,"height":1800,"caption":"ITviec"},"image":{"@id":"https:\/\/itviec.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/ITviec","https:\/\/x.com\/ITviec","https:\/\/www.linkedin.com\/company\/itviec","https:\/\/www.youtube.com\/channel\/UCYthAQ3bcGr57M_ag5gHDvQ"]},{"@type":"Person","@id":"https:\/\/itviec.com\/blog\/#\/schema\/person\/407769a7625b7f955cef615f7a99abad","name":"Ph\u1ea1m H\u1eefu Ng\u1ecdc","image":{"@type":"ImageObject","inLanguage":"vi","@id":"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/Pham-Huu-Ngoc-technical-content-reviewer-e1712135841473-100x100.jpg","url":"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/Pham-Huu-Ngoc-technical-content-reviewer-e1712135841473-100x100.jpg","contentUrl":"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/Pham-Huu-Ngoc-technical-content-reviewer-e1712135841473-100x100.jpg","caption":"Ph\u1ea1m H\u1eefu Ng\u1ecdc"},"url":"https:\/\/itviec.com\/blog\/author\/pham-huu-ngoc-2\/"}]}},"_links":{"self":[{"href":"https:\/\/itviec.com\/blog\/wp-json\/wp\/v2\/posts\/87016","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/itviec.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/itviec.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/itviec.com\/blog\/wp-json\/wp\/v2\/users\/235"}],"replies":[{"embeddable":true,"href":"https:\/\/itviec.com\/blog\/wp-json\/wp\/v2\/comments?post=87016"}],"version-history":[{"count":1,"href":"https:\/\/itviec.com\/blog\/wp-json\/wp\/v2\/posts\/87016\/revisions"}],"predecessor-version":[{"id":89249,"href":"https:\/\/itviec.com\/blog\/wp-json\/wp\/v2\/posts\/87016\/revisions\/89249"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/itviec.com\/blog\/wp-json\/wp\/v2\/media\/87095"}],"wp:attachment":[{"href":"https:\/\/itviec.com\/blog\/wp-json\/wp\/v2\/media?parent=87016"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/itviec.com\/blog\/wp-json\/wp\/v2\/categories?post=87016"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/itviec.com\/blog\/wp-json\/wp\/v2\/tags?post=87016"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}