{"id":86047,"date":"2025-04-18T23:57:16","date_gmt":"2025-04-18T16:57:16","guid":{"rendered":"https:\/\/itviecblog.uptech.vn\/?p=86047"},"modified":"2025-06-17T14:48:41","modified_gmt":"2025-06-17T07:48:41","slug":"text-bootstrap-la-gi","status":"publish","type":"post","link":"https:\/\/itviec.com\/blog\/text-bootstrap-la-gi\/","title":{"rendered":"Text Bootstrap: 10+ c\u00e1ch \u0111\u1ecbnh d\u1ea1ng v\u0103n b\u1ea3n hi\u1ec7u qu\u1ea3 v\u1edbi Bootstrap"},"content":{"rendered":"<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_84 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\/text-bootstrap-la-gi\/#Text_Bootstrap_la_gi\" >Text 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\/text-bootstrap-la-gi\/#Cac_nhom_Class_dinh_dang_text_trong_Bootstrap\" >C\u00e1c nh\u00f3m Class \u0111\u1ecbnh d\u1ea1ng text 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\/text-bootstrap-la-gi\/#Bang_tong_hop_nhanh_cac_loai_dinh_dang_Text_Bootstrap\" >B\u1ea3ng t\u1ed5ng h\u1ee3p nhanh c\u00e1c lo\u1ea1i \u0111\u1ecbnh d\u1ea1ng Text 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\/text-bootstrap-la-gi\/#5_luu_y_quan_trong_khi_su_dung_Text_trong_Bootstrap\" >5 l\u01b0u \u00fd quan tr\u1ecdng khi s\u1eed d\u1ee5ng Text 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\/text-bootstrap-la-gi\/#Cau_hoi_thuong_gap_ve_text_bootstrap\" >C\u00e2u h\u1ecfi th\u01b0\u1eddng g\u1eb7p v\u1ec1 text bootstrap<\/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\/text-bootstrap-la-gi\/#Tong_ket\" >T\u1ed5ng k\u1ebft<\/a><\/li><\/ul><\/nav><\/div>\n<p><em><strong>Khi x\u00e2y d\u1ef1ng giao di\u1ec7n web, vi\u1ec7c tr\u00ecnh b\u00e0y v\u0103n b\u1ea3n m\u1ed9t c\u00e1ch r\u00f5 r\u00e0ng, d\u1ec5 \u0111\u1ecdc v\u00e0 \u0111\u1ed3ng nh\u1ea5t l\u00e0 y\u1ebfu t\u1ed1 quan tr\u1ecdng kh\u00f4ng th\u1ec3 thi\u1ebfu. V\u1edbi text Bootstrap, b\u1ea1n kh\u00f4ng c\u1ea7n vi\u1ebft qu\u00e1 nhi\u1ec1u CSS th\u1ee7 c\u00f4ng m\u00e0 v\u1eabn c\u00f3 th\u1ec3 \u0111\u1ecbnh d\u1ea1ng v\u0103n b\u1ea3n hi\u1ec7u qu\u1ea3 nh\u1edd h\u1ec7 th\u1ed1ng class \u0111\u01b0\u1ee3c thi\u1ebft k\u1ebf s\u1eb5n.\u00a0<\/strong><\/em><\/p>\n<p><span style=\"font-weight: 400;\">\u0110\u1ecdc b\u00e0i vi\u1ebft n\u00e0y \u0111\u1ec3 \u0111\u01b0\u1ee3c h\u01b0\u1edbng d\u1eabn s\u1eed d\u1ee5ng Text Bootstrap \u0111\u1ec3:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">\u0110\u1ecbnh d\u1ea1ng ti\u00eau \u0111\u1ec1 v\u1edbi<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Canh l\u1ec1 v\u0103n b\u1ea3n, x\u1eed l\u00fd tr\u00e0n d\u00f2ng<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">\u0110\u1ecbnh d\u1ea1ng ki\u1ec3u ch\u1eef, k\u00edch th\u01b0\u1edbc, m\u00e0u s\u1eafc<\/span><\/li>\n<\/ul>\n<h2><span class=\"ez-toc-section\" id=\"Text_Bootstrap_la_gi\"><\/span><b>Text Bootstrap l\u00e0 g\u00ec?<\/b><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Trong <a href=\"\/blog\/bootstrap-la-gi\/\" target=\"_blank\" rel=\"noopener\"><strong>Bootstrap<\/strong><\/a>, c\u00f3 t\u1eadp h\u1ee3p c\u00e1c class CSS \u0111\u01b0\u1ee3c thi\u1ebft k\u1ebf s\u1eb5n \u0111\u1ec3 \u0111\u1ecbnh d\u1ea1ng v\u0103n b\u1ea3n m\u1ed9t c\u00e1ch nhanh ch\u00f3ng v\u00e0 nh\u1ea5t qu\u00e1n. Thay v\u00ec ph\u1ea3i vi\u1ebft CSS t\u00f9y ch\u1ec9nh cho t\u1eebng y\u1ebfu t\u1ed1 v\u0103n b\u1ea3n, b\u1ea1n c\u00f3 th\u1ec3 t\u1eadn d\u1ee5ng c\u00e1c class c\u00f3 s\u1eb5n n\u00e0y \u0111\u1ec3 \u0111i\u1ec1u ch\u1ec9nh ti\u00eau \u0111\u1ec1, \u0111o\u1ea1n v\u0103n, ki\u1ec3u ch\u1eef, m\u00e0u s\u1eafc, c\u00e1ch c\u0103n l\u1ec1 v\u00e0 nhi\u1ec1u thu\u1ed9c t\u00ednh kh\u00e1c.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Vi\u1ec7c s\u1eed d\u1ee5ng Text Bootstrap mang l\u1ea1i nhi\u1ec1u l\u1ee3i \u00edch nh\u01b0:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>T\u00ednh nh\u1ea5t qu\u00e1n: <\/b><span style=\"font-weight: 400;\">Vi\u1ec7c s\u1eed d\u1ee5ng Text Bootstrap gi\u00fap \u0111\u1ea3m b\u1ea3o v\u0103n b\u1ea3n tr\u00ean to\u00e0n b\u1ed9 trang web c\u00f3 ki\u1ec3u d\u00e1ng, phong c\u00e1ch \u0111\u1ed3ng nh\u1ea5t<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Ti\u1ebft ki\u1ec7m th\u1eddi gian: <\/b><span style=\"font-weight: 400;\">C\u00e1c class \u0111\u01b0\u1ee3c x\u00e2y d\u1ef1ng s\u1eb5n gi\u00fap b\u1ea1n kh\u00f4ng c\u1ea7n vi\u1ebft nhi\u1ec1u CSS m\u00e0 v\u1eabn \u0111\u1ecbnh d\u1ea1ng \u0111\u01b0\u1ee3c v\u0103n b\u1ea3n d\u1ec5 d\u00e0ng<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>D\u1ec5 s\u1eed d\u1ee5ng: <\/b><span style=\"font-weight: 400;\">Ch\u1ec9 c\u1ea7n th\u00eam class v\u00e0o c\u00e1c th\u1ebb HTML \u0111\u1ec3 \u00e1p d\u1ee5ng ki\u1ec3u d\u00e1ng<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Kh\u1ea3 n\u0103ng t\u00f9y bi\u1ebfn: <\/b><span style=\"font-weight: 400;\">Vi\u1ec7c t\u00f9y ch\u1ec9nh \u0111\u1ecbnh d\u1ea1ng c\u1ee7a Text Bootstrap \u0111\u01b0\u1ee3c th\u1ef1c hi\u1ec7n d\u1ec5 d\u00e0ng th\u00f4ng qua CSS.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Responsive:<\/b><span style=\"font-weight: 400;\"> C\u00e1c \u0111\u1ecbnh d\u1ea1ng v\u0103n b\u1ea3n th\u01b0\u1eddng \u0111\u01b0\u1ee3c thi\u1ebft k\u1ebf \u0111\u1ec3 ho\u1ea1t \u0111\u1ed9ng t\u1ed1t tr\u00ean nhi\u1ec1u k\u00edch th\u01b0\u1edbc m\u00e0n h\u00ecnh.<\/span><\/li>\n<\/ul>\n<blockquote><p><em>\u0110\u1ecdc th\u00eam: <a href=\"\/blog\/bootstrap-5-la-gi\/\" target=\"_blank\" rel=\"noopener\"><strong>Bootstrap 5 l\u00e0 g\u00ec? Nh\u1eefng thay \u0111\u1ed5i n\u1ed5i b\u1eadt \u1edf Bootstrap 5<\/strong><\/a><\/em><\/p><\/blockquote>\n<h2><span class=\"ez-toc-section\" id=\"Cac_nhom_Class_dinh_dang_text_trong_Bootstrap\"><\/span><b>C\u00e1c nh\u00f3m Class \u0111\u1ecbnh d\u1ea1ng text trong Bootstrap<\/b><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<h3><b>\u0110\u1ecbnh d\u1ea1ng ti\u00eau \u0111\u1ec1 v\u00e0 v\u0103n b\u1ea3n<\/b><\/h3>\n<h4><b>Ti\u00eau \u0111\u1ec1 c\u01a1 b\u1ea3n<\/b><\/h4>\n<p><span style=\"font-weight: 400;\">Bootstrap t\u1ef1 \u0111\u1ed9ng \u00e1p d\u1ee5ng \u0111\u1ecbnh d\u1ea1ng v\u1ec1 k\u00edch th\u01b0\u1edbc, \u0111\u1ed9 \u0111\u1eadm v\u00e0 kho\u1ea3ng c\u00e1ch ri\u00eang cho c\u00e1c th\u1ebb HTML ti\u00eau chu\u1ea9n nh\u01b0 &lt;h1&gt;, &lt;h2&gt;, &#8230; &lt;h6&gt;.<\/span><\/p>\n<pre><span style=\"font-weight: 400;\">\u00a0 \u00a0 \u00a0 &lt;<\/span><span style=\"font-weight: 400;\">h1<\/span><span style=\"font-weight: 400;\">&gt;Ti\u00eau \u0111\u1ec1 c\u1ea5p 1&lt;\/<\/span><span style=\"font-weight: 400;\">h1<\/span><span style=\"font-weight: 400;\">&gt;<\/span>\n<span style=\"font-weight: 400;\">\u00a0 \u00a0 \u00a0 &lt;<\/span><span style=\"font-weight: 400;\">h2<\/span><span style=\"font-weight: 400;\">&gt;Ti\u00eau \u0111\u1ec1 c\u1ea5p 2&lt;\/<\/span><span style=\"font-weight: 400;\">h2<\/span><span style=\"font-weight: 400;\">&gt;<\/span>\n<span style=\"font-weight: 400;\">\u00a0 \u00a0 \u00a0 &lt;<\/span><span style=\"font-weight: 400;\">h3<\/span><span style=\"font-weight: 400;\">&gt;Ti\u00eau \u0111\u1ec1 c\u1ea5p 3&lt;\/<\/span><span style=\"font-weight: 400;\">h3<\/span><span style=\"font-weight: 400;\">&gt;<\/span>\n<span style=\"font-weight: 400;\">\u00a0 \u00a0 \u00a0 &lt;<\/span><span style=\"font-weight: 400;\">h4<\/span><span style=\"font-weight: 400;\">&gt;Ti\u00eau \u0111\u1ec1 c\u1ea5p 4&lt;\/<\/span><span style=\"font-weight: 400;\">h4<\/span><span style=\"font-weight: 400;\">&gt;<\/span>\n<span style=\"font-weight: 400;\">\u00a0 \u00a0 \u00a0 &lt;<\/span><span style=\"font-weight: 400;\">h5<\/span><span style=\"font-weight: 400;\">&gt;Ti\u00eau \u0111\u1ec1 c\u1ea5p 5&lt;\/<\/span><span style=\"font-weight: 400;\">h5<\/span><span style=\"font-weight: 400;\">&gt;<\/span>\n<span style=\"font-weight: 400;\">\u00a0 \u00a0 \u00a0 &lt;<\/span><span style=\"font-weight: 400;\">h6<\/span><span style=\"font-weight: 400;\">&gt;Ti\u00eau \u0111\u1ec1 c\u1ea5p 6&lt;\/<\/span><span style=\"font-weight: 400;\">h6<\/span><span style=\"font-weight: 400;\">&gt;<\/span><\/pre>\n<table>\n<tbody>\n<tr>\n<td><strong>Khi kh\u00f4ng c\u00f3 Bootstrap<\/strong><\/td>\n<td><strong>Khi \u00e1p d\u1ee5ng \u0111\u1ecbnh d\u1ea1ng Bootstrap<\/strong><\/td>\n<\/tr>\n<tr>\n<td><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-86096\" src=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/04\/text-bootstrap-1-vippro.jpg\" alt=\"itviec blog\" width=\"492\" height=\"588\" srcset=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/04\/text-bootstrap-1-vippro.jpg 492w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/04\/text-bootstrap-1-vippro-251x300.jpg 251w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/04\/text-bootstrap-1-vippro-167x200.jpg 167w\" sizes=\"auto, (max-width: 492px) 100vw, 492px\" \/><\/td>\n<td><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-86097\" src=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/04\/text-bootstrap-2-vippro.jpg\" alt=\"text bootstrap - itviec blog\" width=\"588\" height=\"542\" srcset=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/04\/text-bootstrap-2-vippro.jpg 588w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/04\/text-bootstrap-2-vippro-300x277.jpg 300w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/04\/text-bootstrap-2-vippro-200x184.jpg 200w\" sizes=\"auto, (max-width: 588px) 100vw, 588px\" \/><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><span style=\"font-weight: 400;\">Nh\u01b0 h\u00ecnh \u1ea3nh v\u00ed d\u1ee5 tr\u00ean, k\u00edch c\u1ee1 c\u1ee7a t\u1eebng lo\u1ea1i ti\u00eau \u0111\u1ec1 \u0111\u01b0\u1ee3c Bootstrap quy \u0111\u1ecbnh l\u1ea1i theo chu\u1ea9n ri\u00eang, \u0111\u1ed9 \u0111\u1eadm c\u1ee7a ch\u1eef v\u00e0 font ch\u1eef c\u0169ng \u0111\u01b0\u1ee3c thay \u0111\u1ed5i (Bootstrap s\u1eed d\u1ee5ng h\u1ec7 th\u1ed1ng font ch\u1eef hi\u1ec7n \u0111\u1ea1i Segoe UI, Roboto, San Francisco\u2026 thay v\u00ec font m\u1eb7c \u0111\u1ecbnh c\u1ee7a tr\u00ecnh duy\u1ec7t).<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Tr\u01b0\u1eddng h\u1ee3p n\u1ebfu b\u1ea1n mu\u1ed1n m\u1ed9t ph\u1ea7n t\u1eed HTML kh\u00f4ng ph\u1ea3i &lt;h1&gt;&#8230;&lt;h6&gt; (v\u00ed d\u1ee5 &lt;p&gt;) tr\u00f4ng gi\u1ed1ng ti\u00eau \u0111\u1ec1, b\u1ea1n c\u00f3 th\u1ec3 s\u1eed d\u1ee5ng class <\/span><b>.h1<\/b><span style=\"font-weight: 400;\"> \u0111\u1ebfn <\/span><b>.h6<\/b><span style=\"font-weight: 400;\">.<\/span><\/p>\n<pre><span style=\"font-weight: 400;\">\u00a0 \u00a0 &lt;<\/span><span style=\"font-weight: 400;\">p<\/span><span style=\"font-weight: 400;\"> class=<\/span><span style=\"font-weight: 400;\">\"h1\"<\/span><span style=\"font-weight: 400;\">&gt;Ti\u00eau \u0111\u1ec1 c\u1ea5p 1&lt;\/<\/span><span style=\"font-weight: 400;\">p<\/span><span style=\"font-weight: 400;\">&gt;<\/span>\n<span style=\"font-weight: 400;\">\u00a0 \u00a0 &lt;<\/span><span style=\"font-weight: 400;\">p<\/span><span style=\"font-weight: 400;\"> class=<\/span><span style=\"font-weight: 400;\">\"h2\"<\/span><span style=\"font-weight: 400;\">&gt;Ti\u00eau \u0111\u1ec1 c\u1ea5p 2&lt;\/<\/span><span style=\"font-weight: 400;\">p<\/span><span style=\"font-weight: 400;\">&gt;<\/span>\n<span style=\"font-weight: 400;\">\u00a0 \u00a0 &lt;<\/span><span style=\"font-weight: 400;\">p<\/span><span style=\"font-weight: 400;\"> class=<\/span><span style=\"font-weight: 400;\">\"h3\"<\/span><span style=\"font-weight: 400;\">&gt;Ti\u00eau \u0111\u1ec1 c\u1ea5p 3&lt;\/<\/span><span style=\"font-weight: 400;\">p<\/span><span style=\"font-weight: 400;\">&gt;<\/span>\n<span style=\"font-weight: 400;\">\u00a0 \u00a0 &lt;<\/span><span style=\"font-weight: 400;\">p<\/span><span style=\"font-weight: 400;\"> class=<\/span><span style=\"font-weight: 400;\">\"h4\"<\/span><span style=\"font-weight: 400;\">&gt;Ti\u00eau \u0111\u1ec1 c\u1ea5p 4&lt;\/<\/span><span style=\"font-weight: 400;\">p<\/span><span style=\"font-weight: 400;\">&gt;<\/span>\n<span style=\"font-weight: 400;\">\u00a0 \u00a0 &lt;<\/span><span style=\"font-weight: 400;\">p<\/span><span style=\"font-weight: 400;\"> class=<\/span><span style=\"font-weight: 400;\">\"h5\"<\/span><span style=\"font-weight: 400;\">&gt;Ti\u00eau \u0111\u1ec1 c\u1ea5p 5&lt;\/<\/span><span style=\"font-weight: 400;\">p<\/span><span style=\"font-weight: 400;\">&gt;<\/span>\n<span style=\"font-weight: 400;\">\u00a0 \u00a0 &lt;<\/span><span style=\"font-weight: 400;\">p<\/span><span style=\"font-weight: 400;\"> class=<\/span><span style=\"font-weight: 400;\">\"h6\"<\/span><span style=\"font-weight: 400;\">&gt;Ti\u00eau \u0111\u1ec1 c\u1ea5p 6&lt;\/<\/span><span style=\"font-weight: 400;\">p<\/span><span style=\"font-weight: 400;\">&gt;<\/span><\/pre>\n<h4><b>T\u1ea1o ti\u00eau \u0111\u1ec1 n\u1ed5i b\u1eadt<\/b><\/h4>\n<p><span style=\"font-weight: 400;\">S\u1eed d\u1ee5ng<\/span> <span style=\"font-weight: 400;\">c\u00e1c class ti\u1ec7n \u00edch nh\u01b0 <\/span><b>.display-*<\/b><span style=\"font-weight: 400;\"> \u0111\u1ec3 t\u1ea1o ti\u00eau \u0111\u1ec1 n\u1ed5i b\u1eadt h\u01a1n (th\u01b0\u1eddng d\u00f9ng cho ti\u00eau \u0111\u1ec1 l\u1edbn, thu h\u00fat s\u1ef1 ch\u00fa \u00fd)<\/span><\/p>\n<pre><span style=\"font-weight: 400;\">\u00a0 \u00a0 &lt;<\/span><span style=\"font-weight: 400;\">p<\/span><span style=\"font-weight: 400;\"> class=<\/span><span style=\"font-weight: 400;\">\"display-1\"<\/span><span style=\"font-weight: 400;\">&gt;Ti\u00eau \u0111\u1ec1 c\u1ea5p 1&lt;\/<\/span><span style=\"font-weight: 400;\">p<\/span><span style=\"font-weight: 400;\">&gt;<\/span>\n<span style=\"font-weight: 400;\">\u00a0 \u00a0 &lt;<\/span><span style=\"font-weight: 400;\">p<\/span><span style=\"font-weight: 400;\"> class=<\/span><span style=\"font-weight: 400;\">\"display-2\"<\/span><span style=\"font-weight: 400;\">&gt;Ti\u00eau \u0111\u1ec1 c\u1ea5p 2&lt;\/<\/span><span style=\"font-weight: 400;\">p<\/span><span style=\"font-weight: 400;\">&gt;<\/span>\n<span style=\"font-weight: 400;\">\u00a0 \u00a0 &lt;<\/span><span style=\"font-weight: 400;\">p<\/span><span style=\"font-weight: 400;\"> class=<\/span><span style=\"font-weight: 400;\">\"display-3\"<\/span><span style=\"font-weight: 400;\">&gt;Ti\u00eau \u0111\u1ec1 c\u1ea5p 3&lt;\/<\/span><span style=\"font-weight: 400;\">p<\/span><span style=\"font-weight: 400;\">&gt;<\/span>\n<span style=\"font-weight: 400;\">\u00a0 \u00a0 &lt;<\/span><span style=\"font-weight: 400;\">p<\/span><span style=\"font-weight: 400;\"> class=<\/span><span style=\"font-weight: 400;\">\"display-4\"<\/span><span style=\"font-weight: 400;\">&gt;Ti\u00eau \u0111\u1ec1 c\u1ea5p 4&lt;\/<\/span><span style=\"font-weight: 400;\">p<\/span><span style=\"font-weight: 400;\">&gt;<\/span>\n<span style=\"font-weight: 400;\">\u00a0 \u00a0 &lt;<\/span><span style=\"font-weight: 400;\">p<\/span><span style=\"font-weight: 400;\"> class=<\/span><span style=\"font-weight: 400;\">\"display-5\"<\/span><span style=\"font-weight: 400;\">&gt;Ti\u00eau \u0111\u1ec1 c\u1ea5p 5&lt;\/<\/span><span style=\"font-weight: 400;\">p<\/span><span style=\"font-weight: 400;\">&gt;<\/span>\n<span style=\"font-weight: 400;\">\u00a0 \u00a0 &lt;<\/span><span style=\"font-weight: 400;\">p<\/span><span style=\"font-weight: 400;\"> class=<\/span><span style=\"font-weight: 400;\">\"display-6\"<\/span><span style=\"font-weight: 400;\">&gt;Ti\u00eau \u0111\u1ec1 c\u1ea5p 6&lt;\/<\/span><span style=\"font-weight: 400;\">p<\/span><span style=\"font-weight: 400;\">&gt;<\/span><\/pre>\n<p><span style=\"font-weight: 400;\">K\u1ebft qu\u1ea3, Bootstrap t\u1ea1o ra v\u0103n b\u1ea3n c\u00f3 k\u00edch th\u01b0\u1edbc l\u1edbn h\u01a1n so v\u1edbi k\u00edch th\u01b0\u1edbc c\u1ee7a c\u00e1c th\u1ebb ti\u00eau \u0111\u1ec1 t\u01b0\u01a1ng \u1ee9ng (display-1 s\u1ebd l\u1edbn h\u01a1n so v\u1edbi h1) v\u1edbi font-weight m\u1ea3nh h\u01a1n:<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-86098\" src=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/04\/text-bootstrap-3-vippro.jpg\" alt=\"text bootstrap - itviec blog\" width=\"1002\" height=\"1110\" srcset=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/04\/text-bootstrap-3-vippro.jpg 1002w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/04\/text-bootstrap-3-vippro-271x300.jpg 271w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/04\/text-bootstrap-3-vippro-768x851.jpg 578w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/04\/text-bootstrap-3-vippro-181x200.jpg 181w\" sizes=\"auto, (max-width: 1002px) 100vw, 1002px\" \/><\/p>\n<h3><b>Canh l\u1ec1 v\u0103n b\u1ea3n<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Bootstrap cung c\u1ea5p c\u00e1c class ti\u1ec7n l\u1ee3i \u0111\u1ec3 \u0111i\u1ec1u ch\u1ec9nh c\u0103n l\u1ec1 v\u0103n b\u1ea3n m\u1ed9t c\u00e1ch d\u1ec5 d\u00e0ng. B\u1ea1n c\u00f3 th\u1ec3 \u00e1p d\u1ee5ng c\u00e1c class n\u00e0y tr\u1ef1c ti\u1ebfp v\u00e0o c\u00e1c ph\u1ea7n t\u1eed HTML ch\u1ee9a v\u0103n b\u1ea3n \u0111\u1ec3 thay \u0111\u1ed5i c\u00e1ch ch\u00fang \u0111\u01b0\u1ee3c hi\u1ec3n th\u1ecb trong container cha.<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>.text-start<\/b><span style=\"font-weight: 400;\"> (tr\u01b0\u1edbc \u0111\u00e2y l\u00e0 <\/span><b>.text-left<\/b><span style=\"font-weight: 400;\">): C\u0103n v\u0103n b\u1ea3n v\u1ec1 ph\u00eda b\u00ean tr\u00e1i c\u1ee7a ph\u1ea7n t\u1eed cha (ki\u1ec3u c\u0103n l\u1ec1 m\u1eb7c \u0111\u1ecbnh)<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>.text-center:<\/b><span style=\"font-weight: 400;\"> C\u0103n v\u0103n b\u1ea3n v\u00e0o ch\u00ednh gi\u1eefa theo chi\u1ec1u ngang c\u1ee7a ph\u1ea7n t\u1eed cha<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>.text-end<\/b><span style=\"font-weight: 400;\"> (tr\u01b0\u1edbc \u0111\u00e2y l\u00e0 <\/span><b>.text-right<\/b><span style=\"font-weight: 400;\">): C\u0103n v\u0103n b\u1ea3n v\u1ec1 ph\u00eda b\u00ean ph\u1ea3i c\u1ee7a ph\u1ea7n t\u1eed cha<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>.text-justify: <\/b><span style=\"font-weight: 400;\">C\u0103n \u0111\u1ec1u v\u0103n b\u1ea3n b\u1eb1ng c\u00e1ch \u0111i\u1ec1u ch\u1ec9nh kho\u1ea3ng c\u00e1ch gi\u1eefa c\u00e1c t\u1eeb sao cho d\u00f2ng v\u0103n b\u1ea3n tr\u1ea3i \u0111\u1ec1u t\u1eeb l\u1ec1 tr\u00e1i sang l\u1ec1 ph\u1ea3i c\u1ee7a ph\u1ea7n t\u1eed cha<\/span><\/li>\n<\/ul>\n<pre><span style=\"font-weight: 400;\">&lt;<\/span><span style=\"font-weight: 400;\">p<\/span><span style=\"font-weight: 400;\"> class=<\/span><span style=\"font-weight: 400;\">\"text-start\"<\/span><span style=\"font-weight: 400;\">&gt;V\u0103n b\u1ea3n n\u00e0y \u0111\u01b0\u1ee3c c\u0103n l\u1ec1 tr\u00e1i.&lt;\/<\/span><span style=\"font-weight: 400;\">p<\/span><span style=\"font-weight: 400;\">&gt;<\/span>\n<span style=\"font-weight: 400;\">&lt;<\/span><span style=\"font-weight: 400;\">p<\/span><span style=\"font-weight: 400;\"> class=<\/span><span style=\"font-weight: 400;\">\"text-center\"<\/span><span style=\"font-weight: 400;\">&gt;V\u0103n b\u1ea3n n\u00e0y \u0111\u01b0\u1ee3c c\u0103n gi\u1eefa.&lt;\/<\/span><span style=\"font-weight: 400;\">p<\/span><span style=\"font-weight: 400;\">&gt;<\/span>\n<span style=\"font-weight: 400;\">&lt;<\/span><span style=\"font-weight: 400;\">p<\/span><span style=\"font-weight: 400;\"> class=<\/span><span style=\"font-weight: 400;\">\"text-end\"<\/span><span style=\"font-weight: 400;\">&gt;V\u0103n b\u1ea3n n\u00e0y \u0111\u01b0\u1ee3c c\u0103n l\u1ec1 ph\u1ea3i.&lt;\/<\/span><span style=\"font-weight: 400;\">p<\/span><span style=\"font-weight: 400;\">&gt;<\/span>\n<span style=\"font-weight: 400;\">&lt;<\/span><span style=\"font-weight: 400;\">p<\/span><span style=\"font-weight: 400;\"> class=<\/span><span style=\"font-weight: 400;\">\"text-justify\"<\/span><span style=\"font-weight: 400;\">&gt;\u0110\u00e2y l\u00e0 m\u1ed9t \u0111o\u1ea1n v\u0103n b\u1ea3n d\u00e0i \u0111\u01b0\u1ee3c c\u0103n \u0111\u1ec1u. C\u00e1c kho\u1ea3ng tr\u1eafng gi\u1eefa c\u00e1c t\u1eeb s\u1ebd \u0111\u01b0\u1ee3c \u0111i\u1ec1u ch\u1ec9nh \u0111\u1ec3 d\u00f2ng v\u0103n b\u1ea3n l\u1ea5p \u0111\u1ea7y to\u00e0n b\u1ed9 chi\u1ec1u r\u1ed9ng c\u1ee7a ph\u1ea7n t\u1eed ch\u1ee9a n\u00f3.&lt;\/<\/span><span style=\"font-weight: 400;\">p<\/span><span style=\"font-weight: 400;\">&gt;<\/span><\/pre>\n<p><span style=\"font-weight: 400;\">K\u1ebft qu\u1ea3:<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-86099\" src=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/04\/text-bootstrap-4-vippro.jpg\" alt=\"text bootstrap - itviec blog\" width=\"1210\" height=\"506\" srcset=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/04\/text-bootstrap-4-vippro.jpg 1210w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/04\/text-bootstrap-4-vippro-300x125.jpg 300w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/04\/text-bootstrap-4-vippro-768x321.jpg 640w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/04\/text-bootstrap-4-vippro-200x84.jpg 200w\" sizes=\"auto, (max-width: 1210px) 100vw, 1210px\" \/><\/p>\n<p>&nbsp;<\/p>\n<h4><b>Canh l\u1ec1 theo responsive<\/b><\/h4>\n<p><span style=\"font-weight: 400;\">Bootstrap c\u0169ng cung c\u1ea5p c\u00e1c class c\u0103n l\u1ec1 responsive, cho ph\u00e9p b\u1ea1n thay \u0111\u1ed5i c\u00e1ch c\u0103n l\u1ec1 v\u0103n b\u1ea3n d\u1ef1a tr\u00ean k\u00edch th\u01b0\u1edbc m\u00e0n h\u00ecnh. C\u00e1c class n\u00e0y c\u00f3 c\u00fa ph\u00e1p nh\u01b0 sau:\u00a0<\/span><\/p>\n<pre><span style=\"font-weight: 400;\">.text-{breakpoint}-{alignment}<\/span><\/pre>\n<p><span style=\"font-weight: 400;\">Trong \u0111\u00f3:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">{breakpoint} l\u00e0 m\u1ed9t trong c\u00e1c \u0111i\u1ec3m d\u1eebng (breakpoints) c\u1ee7a Bootstrap: <\/span><b>sm, md, lg, xl, xxl<\/b><span style=\"font-weight: 400;\">.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">{alignment} l\u00e0 m\u1ed9t trong c\u00e1c ki\u1ec3u c\u0103n l\u1ec1: <\/span><b>start, center, end<\/b><span style=\"font-weight: 400;\">.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">V\u00ed d\u1ee5:<\/span><\/p>\n<pre><span style=\"font-weight: 400;\">\u00a0 \u00a0 &lt;<\/span><span style=\"font-weight: 400;\">p<\/span><span style=\"font-weight: 400;\"> class=<\/span><span style=\"font-weight: 400;\">\"text-start text-sm-center text-md-end\"<\/span><span style=\"font-weight: 400;\">&gt;<\/span>\n<span style=\"font-weight: 400;\">\u00a0 \u00a0 \u00a0 \u0110o\u1ea1n v\u0103n b\u1ea3n n\u00e0y s\u1ebd:&lt;<\/span><span style=\"font-weight: 400;\">br<\/span><span style=\"font-weight: 400;\">&gt;<\/span>\n<span style=\"font-weight: 400;\">\u00a0 \u00a0 \u00a0 - C\u0103n tr\u00e1i tr\u00ean m\u00e0n h\u00ecnh r\u1ea5t nh\u1ecf (d\u01b0\u1edbi 576px - m\u1eb7c \u0111\u1ecbnh).&lt;<\/span><span style=\"font-weight: 400;\">br<\/span><span style=\"font-weight: 400;\">&gt;<\/span>\n<span style=\"font-weight: 400;\">\u00a0 \u00a0 \u00a0 - C\u0103n gi\u1eefa tr\u00ean m\u00e0n h\u00ecnh nh\u1ecf (t\u1eeb 576px \u0111\u1ebfn d\u01b0\u1edbi 768px).&lt;<\/span><span style=\"font-weight: 400;\">br<\/span><span style=\"font-weight: 400;\">&gt;<\/span>\n<span style=\"font-weight: 400;\">\u00a0 \u00a0 \u00a0 - C\u0103n ph\u1ea3i tr\u00ean m\u00e0n h\u00ecnh trung b\u00ecnh (t\u1eeb 768px tr\u1edf l\u00ean).<\/span>\n<span style=\"font-weight: 400;\">\u00a0 \u00a0 &lt;\/<\/span><span style=\"font-weight: 400;\">p<\/span><span style=\"font-weight: 400;\">&gt;<\/span><\/pre>\n<p><span style=\"font-weight: 400;\">K\u1ebft qu\u1ea3:<\/span><\/p>\n<p><span style=\"font-weight: 400;\">M\u00e0n h\u00ecnh c\u00f3 chi\u1ec1u r\u1ed9ng nh\u1ecf h\u01a1n 576px:<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-86102\" src=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/04\/text-bootstrap-5-vippro-e1744994425755.jpg\" alt=\"text bootstrap - itviec blog\" width=\"801\" height=\"578\" srcset=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/04\/text-bootstrap-5-vippro-e1744994425755.jpg 640w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/04\/text-bootstrap-5-vippro-e1744994425755-300x216.jpg 300w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/04\/text-bootstrap-5-vippro-e1744994425755-200x144.jpg 200w\" sizes=\"auto, (max-width: 801px) 100vw, 801px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">M\u00e0n h\u00ecnh c\u00f3 chi\u1ec1u r\u1ed9ng t\u1eeb 576px \u0111\u1ebfn d\u01b0\u1edbi 768px:<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-86101\" src=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/04\/text-bootstrap-6-vippro.jpg\" alt=\"text bootstrap - itviec blog\" width=\"1240\" height=\"370\" srcset=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/04\/text-bootstrap-6-vippro.jpg 1240w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/04\/text-bootstrap-6-vippro-300x90.jpg 300w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/04\/text-bootstrap-6-vippro-768x229.jpg 640w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/04\/text-bootstrap-6-vippro-200x60.jpg 200w\" sizes=\"auto, (max-width: 1240px) 100vw, 1240px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">M\u00e0n h\u00ecnh c\u00f3 chi\u1ec1u r\u1ed9ng tr\u00ean 768px:<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-86100\" src=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/04\/text-bootstrap-7-vippro.jpg\" alt=\"text bootstrap - itviec blog\" width=\"1592\" height=\"422\" srcset=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/04\/text-bootstrap-7-vippro.jpg 1592w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/04\/text-bootstrap-7-vippro-300x80.jpg 300w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/04\/text-bootstrap-7-vippro-1536x407.jpg 640w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/04\/text-bootstrap-7-vippro-200x53.jpg 200w\" sizes=\"auto, (max-width: 1592px) 100vw, 1592px\" \/><\/p>\n<h3><b>\u0110\u1ecbnh d\u1ea1ng ki\u1ec3u ch\u1eef<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Bootstrap cung c\u1ea5p nhi\u1ec1u class \u0111\u1ecbnh d\u1ea1ng ki\u1ec3u ch\u1eef nh\u01b0:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>.fw-bold<\/b><span style=\"font-weight: 400;\">: s\u1eed d\u1ee5ng \u0111\u1ec3 l\u00e0m n\u1ed5i b\u1eadt v\u0103n b\u1ea3n b\u1eb1ng c\u00e1ch <\/span><b>in \u0111\u1eadm <\/b><span style=\"font-weight: 400;\">(ho\u1eb7c d\u00f9ng <\/span><b>.fw-bolder <\/b><span style=\"font-weight: 400;\">\u0111\u1ec3 t\u0103ng \u0111\u1ed9 \u0111\u1eadm n\u1eefa)<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>.fw-light<\/b><span style=\"font-weight: 400;\">: d\u00f9ng \u0111\u1ec3 t\u1ea1o ki\u1ec3u ch\u1eef m\u1ea3nh, gi\u00fap v\u0103n b\u1ea3n tr\u00f4ng thanh tho\u00e1t h\u01a1n (ho\u1eb7c d\u00f9ng <\/span><b>.fw-lighter<\/b><span style=\"font-weight: 400;\"> \u0111\u1ec3 n\u00e9t m\u1ea3nh h\u01a1n n\u1eefa)<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>.fst-italic<\/b><span style=\"font-weight: 400;\">: gi\u00fap v\u0103n b\u1ea3n <\/span><i><span style=\"font-weight: 400;\">in nghi\u00eang<\/span><\/i><span style=\"font-weight: 400;\">, th\u01b0\u1eddng d\u00f9ng \u0111\u1ec3 nh\u1ea5n m\u1ea1nh ho\u1eb7c tr\u00edch d\u1eabn<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>.text-uppercase<\/b><span style=\"font-weight: 400;\">: chuy\u1ec3n to\u00e0n b\u1ed9 ch\u1eef c\u00e1i trong v\u0103n b\u1ea3n th\u00e0nh CH\u1eee IN HOA<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>.text-lowercase<\/b><span style=\"font-weight: 400;\">: chuy\u1ec3n to\u00e0n b\u1ed9 ch\u1eef c\u00e1i trong v\u0103n b\u1ea3n th\u00e0nh ch\u1eef th\u01b0\u1eddng<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>.text-capitalize<\/b><span style=\"font-weight: 400;\">: chuy\u1ec3n ch\u1eef c\u00e1i \u0111\u1ea7u ti\u00ean c\u1ee7a m\u1ed7i t\u1eeb sang ch\u1eef hoa, ph\u00f9 h\u1ee3p khi c\u1ea7n \u0111\u1ecbnh d\u1ea1ng ti\u00eau \u0111\u1ec1<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">V\u00ed d\u1ee5:<\/span><\/p>\n<pre><span style=\"font-weight: 400;\">\u00a0\u00a0\u00a0\u00a0\u00a0&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;\">fw-bold<\/span><span style=\"font-weight: 400;\">\"<\/span><span style=\"font-weight: 400;\">&gt;ITViec blog (in \u0111\u1eadm)&lt;\/<\/span><span style=\"font-weight: 400;\">p<\/span><span style=\"font-weight: 400;\">&gt;<\/span>\n<span style=\"font-weight: 400;\">\u00a0\u00a0\u00a0\u00a0\u00a0&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;\">fw-light<\/span><span style=\"font-weight: 400;\">\"<\/span><span style=\"font-weight: 400;\">&gt;ITViec blog (n\u00e9t ch\u1eef m\u1ea3nh)&lt;\/<\/span><span style=\"font-weight: 400;\">p<\/span><span style=\"font-weight: 400;\">&gt;<\/span>\n<span style=\"font-weight: 400;\">\u00a0\u00a0\u00a0\u00a0\u00a0&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;\">fst-italic<\/span><span style=\"font-weight: 400;\">\"<\/span><span style=\"font-weight: 400;\">&gt;ITViec blog (in nghi\u00eang)&lt;\/<\/span><span style=\"font-weight: 400;\">p<\/span><span style=\"font-weight: 400;\">&gt;<\/span>\n<span style=\"font-weight: 400;\">\u00a0\u00a0\u00a0\u00a0\u00a0&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-uppercase<\/span><span style=\"font-weight: 400;\">\"<\/span><span style=\"font-weight: 400;\">&gt;ITViec blog (to\u00e0n b\u1ed9 in hoa)&lt;\/<\/span><span style=\"font-weight: 400;\">p<\/span><span style=\"font-weight: 400;\">&gt;<\/span>\n<span style=\"font-weight: 400;\">\u00a0\u00a0\u00a0\u00a0\u00a0&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-lowercase<\/span><span style=\"font-weight: 400;\">\"<\/span><span style=\"font-weight: 400;\">&gt;ITViec blog (to\u00e0n b\u1ed9 ch\u1eef th\u01b0\u1eddng)&lt;\/<\/span><span style=\"font-weight: 400;\">p<\/span><span style=\"font-weight: 400;\">&gt;<\/span>\n<span style=\"font-weight: 400;\">\u00a0\u00a0\u00a0\u00a0\u00a0&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-capitalize<\/span><span style=\"font-weight: 400;\">\"<\/span><span style=\"font-weight: 400;\">&gt;ITViec blog - text bootstrap (vi\u1ebft hoa ch\u1eef c\u00e1i \u0111\u1ea7u)&lt;\/<\/span><span style=\"font-weight: 400;\">p<\/span><span style=\"font-weight: 400;\">&gt;<\/span><\/pre>\n<p><span style=\"font-weight: 400;\">K\u1ebft qu\u1ea3:<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-86103\" src=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/04\/text-bootstrap-8-vippro.jpg\" alt=\"text bootstrap - itviec blog\" width=\"848\" height=\"502\" srcset=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/04\/text-bootstrap-8-vippro.jpg 848w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/04\/text-bootstrap-8-vippro-300x178.jpg 300w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/04\/text-bootstrap-8-vippro-768x455.jpg 640w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/04\/text-bootstrap-8-vippro-200x118.jpg 200w\" sizes=\"auto, (max-width: 848px) 100vw, 848px\" \/><\/p>\n<h3><b>K\u00edch th\u01b0\u1edbc ch\u1eef<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Bootstrap cung c\u1ea5p s\u1eb5n c\u00e1c class \u0111\u1ec3 t\u00f9y ch\u1ec9nh k\u00edch th\u01b0\u1edbc c\u1ee7a v\u0103n b\u1ea3n. \u0110i\u1ec1u n\u00e0y r\u1ea5t ti\u1ec7n l\u1ee3i khi b\u1ea1n mu\u1ed1n nh\u1ea5n m\u1ea1nh ho\u1eb7c \u0111i\u1ec1u ch\u1ec9nh \u0111\u1ed9 l\u1edbn c\u1ee7a v\u0103n b\u1ea3n \u0111\u1ec3 ph\u00f9 h\u1ee3p v\u1edbi b\u1ed1 c\u1ee5c giao di\u1ec7n.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Class \u0111\u1ecbnh d\u1ea1ng k\u00edch c\u1ee1 ch\u1eef bao g\u1ed3m 6 c\u1ea5p \u0111\u1ed9, t\u01b0\u01a1ng \u1ee9ng t\u1eeb <\/span><b>.fs-1 <\/b><span style=\"font-weight: 400;\">(l\u1edbn nh\u1ea5t) \u0111\u1ebfn <\/span><b>.fs-6<\/b><span style=\"font-weight: 400;\"> (nh\u1ecf nh\u1ea5t). V\u00ed d\u1ee5:<\/span><\/p>\n<pre><span style=\"font-weight: 400;\">\u00a0\u00a0\u00a0\u00a0\u00a0&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;\">fs-1<\/span><span style=\"font-weight: 400;\">\"<\/span><span style=\"font-weight: 400;\">&gt;.fs-1 - ITViec Blog&lt;\/<\/span><span style=\"font-weight: 400;\">p<\/span><span style=\"font-weight: 400;\">&gt;<\/span>\n<span style=\"font-weight: 400;\">\u00a0\u00a0\u00a0\u00a0\u00a0&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;\">fs-2<\/span><span style=\"font-weight: 400;\">\"<\/span><span style=\"font-weight: 400;\">&gt;.fs-2 - ITViec Blog&lt;\/<\/span><span style=\"font-weight: 400;\">p<\/span><span style=\"font-weight: 400;\">&gt;<\/span>\n<span style=\"font-weight: 400;\">\u00a0\u00a0\u00a0\u00a0\u00a0&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;\">fs-3<\/span><span style=\"font-weight: 400;\">\"<\/span><span style=\"font-weight: 400;\">&gt;.fs-3 - ITViec Blog&lt;\/<\/span><span style=\"font-weight: 400;\">p<\/span><span style=\"font-weight: 400;\">&gt;<\/span>\n<span style=\"font-weight: 400;\">\u00a0\u00a0\u00a0\u00a0\u00a0&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;\">fs-4<\/span><span style=\"font-weight: 400;\">\"<\/span><span style=\"font-weight: 400;\">&gt;.fs-4 - ITViec Blog&lt;\/<\/span><span style=\"font-weight: 400;\">p<\/span><span style=\"font-weight: 400;\">&gt;<\/span>\n<span style=\"font-weight: 400;\">\u00a0\u00a0\u00a0\u00a0\u00a0&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;\">fs-5<\/span><span style=\"font-weight: 400;\">\"<\/span><span style=\"font-weight: 400;\">&gt;.fs-5 - ITViec Blog&lt;\/<\/span><span style=\"font-weight: 400;\">p<\/span><span style=\"font-weight: 400;\">&gt;<\/span>\n<span style=\"font-weight: 400;\">\u00a0\u00a0\u00a0\u00a0\u00a0&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;\">fs-6<\/span><span style=\"font-weight: 400;\">\"<\/span><span style=\"font-weight: 400;\">&gt;.fs-6 - ITViec Blog&lt;\/<\/span><span style=\"font-weight: 400;\">p<\/span><span style=\"font-weight: 400;\">&gt;<\/span><\/pre>\n<p><span style=\"font-weight: 400;\">K\u1ebft qu\u1ea3:<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-86104\" src=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/04\/text-bootstrap-9-vippro.jpg\" alt=\"text bootstrap - itviec blog\" width=\"700\" height=\"698\" srcset=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/04\/text-bootstrap-9-vippro.jpg 700w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/04\/text-bootstrap-9-vippro-300x300.jpg 300w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/04\/text-bootstrap-9-vippro-640x638.jpg 640w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/04\/text-bootstrap-9-vippro-200x200.jpg 200w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/p>\n<h3><b>Qu\u1ea3n l\u00fd m\u00e0u s\u1eafc<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Bootstrap cung c\u1ea5p c\u00e1c class \u0111\u1ecbnh ngh\u0129a s\u1eb5n v\u1ec1 m\u00e0u s\u1eafc c\u1ee7a v\u0103n b\u1ea3n v\u00e0 c\u1ea3 m\u00e0u n\u1ec1n c\u1ee7a v\u0103n b\u1ea3n. Nh\u1eefng m\u00e0u s\u1eafc n\u00e0y \u0111\u01b0\u1ee3c th\u1ed1ng nh\u1ea5t v\u1edbi c\u00e1c th\u00e0nh ph\u1ea7n class li\u00ean quan \u0111\u1ebfn m\u00e0u s\u1eafc kh\u00e1c.<\/span><\/p>\n<h4><b>M\u00e0u s\u1eafc v\u0103n b\u1ea3n<\/b><\/h4>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>.text-primary<\/b><span style=\"font-weight: 400;\">: M\u00e0u ch\u00ednh c\u1ee7a giao di\u1ec7n<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>.text-secondary<\/b><span style=\"font-weight: 400;\">: M\u00e0u ph\u1ee5<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>.text-success<\/b><span style=\"font-weight: 400;\">: M\u00e0u xanh l\u00e1 \u2013 d\u00f9ng cho th\u00f4ng tin mang \u00fd ngh\u0129a th\u00e0nh c\u00f4ng<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>.text-danger<\/b><span style=\"font-weight: 400;\">: M\u00e0u \u0111\u1ecf \u2013 d\u00f9ng cho th\u00f4ng tin mang \u00fd ngh\u0129a c\u1ea3nh b\u00e1o, l\u1ed7i<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>.text-warning<\/b><span style=\"font-weight: 400;\">: M\u00e0u v\u00e0ng \u2013 d\u00f9ng cho th\u00f4ng tin mang \u00fd ngh\u0129a ch\u00fa \u00fd<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>.text-info<\/b><span style=\"font-weight: 400;\">: M\u00e0u xanh da tr\u1eddi \u2013 d\u00f9ng cho th\u00f4ng tin mang \u00fd ngh\u0129a th\u00f4ng tin<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>.text-dark<\/b><span style=\"font-weight: 400;\">: M\u00e0u \u0111en \u0111\u1eadm<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>.text-light<\/b><span style=\"font-weight: 400;\">: M\u00e0u x\u00e1m nh\u1ea1t (d\u00f9ng cho n\u1ec1n t\u1ed1i)<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>.text-muted<\/b><span style=\"font-weight: 400;\">: M\u00e0u x\u00e1m nh\u1ea1t \u2013 kh\u00f4ng n\u1ed5i b\u1eadt<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>.text-white<\/b><span style=\"font-weight: 400;\">: M\u00e0u tr\u1eafng (d\u00f9ng cho n\u1ec1n t\u1ed1i)<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">V\u00ed d\u1ee5:<\/span><\/p>\n<pre><span style=\"font-weight: 400;\">\u00a0\u00a0\u00a0\u00a0\u00a0&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;\u0110\u00e2y l\u00e0 v\u0103n b\u1ea3n m\u00e0u ch\u00ednh (primary).&lt;\/<\/span><span style=\"font-weight: 400;\">p<\/span><span style=\"font-weight: 400;\">&gt;<\/span>\n<span style=\"font-weight: 400;\">\u00a0\u00a0\u00a0\u00a0\u00a0&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;\u0110\u00e2y l\u00e0 th\u00f4ng b\u00e1o th\u00e0nh c\u00f4ng (success).&lt;\/<\/span><span style=\"font-weight: 400;\">p<\/span><span style=\"font-weight: 400;\">&gt;<\/span>\n<span style=\"font-weight: 400;\">\u00a0\u00a0\u00a0\u00a0\u00a0&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;\u0110\u00e2y l\u00e0 th\u00f4ng b\u00e1o ch\u00fa \u00fd (warning).&lt;\/<\/span><span style=\"font-weight: 400;\">p<\/span><span style=\"font-weight: 400;\">&gt;<\/span>\n<span style=\"font-weight: 400;\">\u00a0\u00a0\u00a0\u00a0\u00a0&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;\u0110\u00e2y l\u00e0 th\u00f4ng b\u00e1o l\u1ed7i (danger).&lt;\/<\/span><span style=\"font-weight: 400;\">p<\/span><span style=\"font-weight: 400;\">&gt;<\/span>\n<span style=\"font-weight: 400;\">\u00a0\u00a0\u00a0\u00a0\u00a0&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;\u0110\u00e2y l\u00e0 ghi ch\u00fa \u00edt quan tr\u1ecdng (muted).&lt;\/<\/span><span style=\"font-weight: 400;\">p&gt;<\/span><\/pre>\n<p><span style=\"font-weight: 400;\">K\u1ebft qu\u1ea3:<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-86105\" src=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/04\/text-bootstrap-10-vippro.jpg\" alt=\"text bootstrap - itviec blog\" width=\"708\" height=\"412\" srcset=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/04\/text-bootstrap-10-vippro.jpg 708w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/04\/text-bootstrap-10-vippro-300x175.jpg 300w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/04\/text-bootstrap-10-vippro-640x372.jpg 640w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/04\/text-bootstrap-10-vippro-200x116.jpg 200w\" sizes=\"auto, (max-width: 708px) 100vw, 708px\" \/><\/p>\n<h4><b>M\u00e0u n\u1ec1n v\u0103n b\u1ea3n (Background Color)<\/b><\/h4>\n<p><span style=\"font-weight: 400;\">C\u00e1c class \u0111\u1ecbnh d\u1ea1ng m\u00e0u n\u1ec1n v\u0103n b\u1ea3n c\u0169ng c\u00f3 m\u00e0u s\u1eafc t\u01b0\u01a1ng t\u1ef1 v\u1edbi c\u00e1c class \u0111\u1ecbnh d\u1ea1ng m\u00e0u v\u0103n b\u1ea3n. Ch\u00fang \u0111\u01b0\u1ee3c c\u1ea5u h\u00ecnh t\u00ean class theo d\u1ea1ng<\/span><b> .bg-* <\/b><span style=\"font-weight: 400;\">(trong \u0111\u00f3 * s\u1ebd bao g\u1ed3m c\u00e1c d\u1ea1ng m\u00e0u s\u1eafc trong Bootstrap: <\/span><b>primary, success, danger, warning, secondary<\/b><span style=\"font-weight: 400;\">,&#8230;)<\/span><\/p>\n<p><span style=\"font-weight: 400;\">V\u00ed d\u1ee5:<\/span><\/p>\n<pre><span style=\"font-weight: 400;\">\u00a0\u00a0\u00a0\u00a0\u00a0&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<\/span><span style=\"font-weight: 400;\">\"<\/span><span style=\"font-weight: 400;\">&gt;\u0110\u00e2y l\u00e0 m\u00e0u n\u1ec1n primary.&lt;\/<\/span><span style=\"font-weight: 400;\">p<\/span><span style=\"font-weight: 400;\">&gt;<\/span>\n<span style=\"font-weight: 400;\">\u00a0\u00a0\u00a0\u00a0\u00a0&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<\/span><span style=\"font-weight: 400;\">\"<\/span><span style=\"font-weight: 400;\">&gt;\u0110\u00e2y l\u00e0 m\u00e0u n\u1ec1n success.&lt;\/<\/span><span style=\"font-weight: 400;\">p<\/span><span style=\"font-weight: 400;\">&gt;<\/span>\n<span style=\"font-weight: 400;\">\u00a0\u00a0\u00a0\u00a0\u00a0&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<\/span><span style=\"font-weight: 400;\">\"<\/span><span style=\"font-weight: 400;\">&gt;\u0110\u00e2y l\u00e0 m\u00e0u n\u1ec1n warning.&lt;\/<\/span><span style=\"font-weight: 400;\">p<\/span><span style=\"font-weight: 400;\">&gt;<\/span>\n<span style=\"font-weight: 400;\">\u00a0\u00a0\u00a0\u00a0\u00a0&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<\/span><span style=\"font-weight: 400;\">\"<\/span><span style=\"font-weight: 400;\">&gt;\u0110\u00e2y l\u00e0 m\u00e0u n\u1ec1n danger.&lt;\/<\/span><span style=\"font-weight: 400;\">p<\/span><span style=\"font-weight: 400;\">&gt;<\/span>\n<span style=\"font-weight: 400;\">\u00a0\u00a0\u00a0\u00a0\u00a0&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<\/span><span style=\"font-weight: 400;\">\"<\/span><span style=\"font-weight: 400;\">&gt;\u0110\u00e2y l\u00e0 m\u00e0u n\u1ec1n secondary.&lt;\/<\/span><span style=\"font-weight: 400;\">p<\/span><span style=\"font-weight: 400;\">&gt;\u00a0\u00a0<\/span><\/pre>\n<p><span style=\"font-weight: 400;\">K\u1ebft qu\u1ea3:<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-86107\" src=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/04\/text-bootstrap-11-vippro.png\" alt=\"text bootstrap - itviec blog\" width=\"1196\" height=\"460\" srcset=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/04\/text-bootstrap-11-vippro.png 1196w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/04\/text-bootstrap-11-vippro-300x115.png 300w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/04\/text-bootstrap-11-vippro-768x295.png 640w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/04\/text-bootstrap-11-vippro-200x77.png 200w\" sizes=\"auto, (max-width: 1196px) 100vw, 1196px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">B\u1ea1n ho\u00e0n to\u00e0n c\u00f3 th\u1ec3 k\u1ebft h\u1ee3p nh\u1eefng class \u0111\u1ecbnh d\u1ea1ng l\u1ea1i v\u1edbi nhau, v\u00ed d\u1ee5:<\/span><\/p>\n<pre><span style=\"font-weight: 400;\">&lt;<\/span><span style=\"font-weight: 400;\">div<\/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 p-2<\/span><span style=\"font-weight: 400;\">\"<\/span><span style=\"font-weight: 400;\">&gt;N\u1ec1n m\u00e0u xanh ch\u1ee7 \u0111\u1ea1o + ch\u1eef tr\u1eafng&lt;\/<\/span><span style=\"font-weight: 400;\">div<\/span><span style=\"font-weight: 400;\">&gt;<\/span>\n<span style=\"font-weight: 400;\">&lt;<\/span><span style=\"font-weight: 400;\">div<\/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 p-2 mt-2<\/span><span style=\"font-weight: 400;\">\"<\/span><span style=\"font-weight: 400;\">&gt;N\u1ec1n x\u00e1m s\u00e1ng + ch\u1eef \u0111en&lt;\/<\/span><span style=\"font-weight: 400;\">div<\/span><span style=\"font-weight: 400;\">&gt;<\/span>\n<span style=\"font-weight: 400;\">&lt;<\/span><span style=\"font-weight: 400;\">div<\/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-warning p-2 mt-2<\/span><span style=\"font-weight: 400;\">\"<\/span><span style=\"font-weight: 400;\">&gt;N\u1ec1n \u0111en + ch\u1eef v\u00e0ng&lt;\/<\/span><span style=\"font-weight: 400;\">div<\/span><span style=\"font-weight: 400;\">&gt;\u00a0\u00a0\u00a0<\/span><\/pre>\n<p><span style=\"font-weight: 400;\">K\u1ebft qu\u1ea3:<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-86106\" src=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/04\/text-bootstrap-12-vippro.png\" alt=\"text bootstrap - itviec blog\" width=\"1180\" height=\"370\" srcset=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/04\/text-bootstrap-12-vippro.png 1180w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/04\/text-bootstrap-12-vippro-300x94.png 300w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/04\/text-bootstrap-12-vippro-768x241.png 640w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/04\/text-bootstrap-12-vippro-200x63.png 200w\" sizes=\"auto, (max-width: 1180px) 100vw, 1180px\" \/><\/p>\n<h3><b>X\u1eed l\u00fd tr\u00e0n v\u0103n b\u1ea3n v\u00e0 xu\u1ed1ng d\u00f2ng<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Khi l\u00e0m giao di\u1ec7n, s\u1ebd kh\u00f4ng \u00edt l\u1ea7n ch\u00fang ta g\u1eb7p nh\u1eefng \u0111o\u1ea1n v\u0103n b\u1ea3n qu\u00e1 d\u00e0i v\u01b0\u1ee3t kh\u1ecfi v\u00f9ng ch\u1ee9a. Bootstrap cung c\u1ea5p nhi\u1ec1u class ti\u1ec7n \u00edch \u0111\u1ec3 ki\u1ec3m so\u00e1t vi\u1ec7c hi\u1ec3n th\u1ecb, xu\u1ed1ng d\u00f2ng ho\u1eb7c c\u1eaft ng\u1eafn v\u0103n b\u1ea3n m\u1ed9t c\u00e1ch d\u1ec5 d\u00e0ng, gi\u00fap b\u1ed1 c\u1ee5c lu\u00f4n g\u1ecdn g\u00e0ng v\u00e0 d\u1ec5 \u0111\u1ecdc.<\/span><\/p>\n<h4><b>.text-wrap<\/b><\/h4>\n<p><span style=\"font-weight: 400;\">Cho ph\u00e9p v\u0103n b\u1ea3n xu\u1ed1ng d\u00f2ng \u1edf kho\u1ea3ng tr\u1eafng khi v\u0103n b\u1ea3n d\u00e0i qu\u00e1 v\u00f9ng ch\u1ee9a (ng\u1eaft d\u00f2ng theo t\u1eeb)<\/span><\/p>\n<pre><span style=\"font-weight: 400;\">&lt;<\/span><span style=\"font-weight: 400;\">div<\/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-wrap<\/span><span style=\"font-weight: 400;\">\"<\/span> <i><span style=\"font-weight: 400;\">style<\/span><\/i><span style=\"font-weight: 400;\">=<\/span><span style=\"font-weight: 400;\">\"<\/span><span style=\"font-weight: 400;\">width<\/span><span style=\"font-weight: 400;\">:<\/span> <span style=\"font-weight: 400;\">250<\/span><span style=\"font-weight: 400;\">px<\/span><span style=\"font-weight: 400;\">; <\/span><span style=\"font-weight: 400;\">border<\/span><span style=\"font-weight: 400;\">:<\/span> <span style=\"font-weight: 400;\">1<\/span><span style=\"font-weight: 400;\">px<\/span> <span style=\"font-weight: 400;\">solid<\/span> <span style=\"font-weight: 400;\">#ccc<\/span><span style=\"font-weight: 400;\">; <\/span><span style=\"font-weight: 400;\">padding<\/span><span style=\"font-weight: 400;\">:<\/span> <span style=\"font-weight: 400;\">10<\/span><span style=\"font-weight: 400;\">px<\/span><span style=\"font-weight: 400;\">\"<\/span><span style=\"font-weight: 400;\">&gt;<\/span>\n<span style=\"font-weight: 400;\"> \u00a0\u00a0\u00a0\u0110\u00e2y l\u00e0 m\u1ed9t \u0111o\u1ea1n v\u0103n b\u1ea3n d\u00e0i, n\u00f3 s\u1ebd t\u1ef1 \u0111\u1ed9ng xu\u1ed1ng d\u00f2ng khi h\u1ebft ch\u1ed7.<\/span>\n<span style=\"font-weight: 400;\">&lt;\/<\/span><span style=\"font-weight: 400;\">div<\/span><span style=\"font-weight: 400;\">&gt;\u00a0<\/span><\/pre>\n<p><span style=\"font-weight: 400;\">K\u1ebft qu\u1ea3:<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-86109\" src=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/04\/text-bootstrap-13-vippro.jpg\" alt=\"text bootstrap - itviec blog\" width=\"614\" height=\"268\" srcset=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/04\/text-bootstrap-13-vippro.jpg 614w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/04\/text-bootstrap-13-vippro-300x131.jpg 300w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/04\/text-bootstrap-13-vippro-200x87.jpg 200w\" sizes=\"auto, (max-width: 614px) 100vw, 614px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">Tuy nhi\u00ean, n\u1ebfu v\u0103n b\u1ea3n kh\u00f4ng c\u00f3 b\u1ea5t k\u1ef3 kho\u1ea3ng tr\u1eafng n\u00e0o, .text-wrap s\u1ebd kh\u00f4ng ho\u1ea1t \u0111\u1ed9ng:<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-86108\" src=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/04\/text-bootstrap-14-vippro.jpg\" alt=\"text bootstrap - itviec blog\" width=\"930\" height=\"178\" srcset=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/04\/text-bootstrap-14-vippro.jpg 930w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/04\/text-bootstrap-14-vippro-300x57.jpg 300w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/04\/text-bootstrap-14-vippro-768x147.jpg 640w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/04\/text-bootstrap-14-vippro-200x38.jpg 200w\" sizes=\"auto, (max-width: 930px) 100vw, 930px\" \/><\/p>\n<h4><b>.text-nowrap<\/b><\/h4>\n<p><span style=\"font-weight: 400;\">Gi\u1eef v\u0103n b\u1ea3n tr\u00ean m\u1ed9t d\u00f2ng duy nh\u1ea5t, d\u00f9 c\u00f3 b\u1ecb tr\u00e0n kh\u1ecfi khung<\/span><\/p>\n<pre><span style=\"font-weight: 400;\">&lt;<\/span><span style=\"font-weight: 400;\">div<\/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-nowrap<\/span><span style=\"font-weight: 400;\">\"<\/span> <i><span style=\"font-weight: 400;\">style<\/span><\/i><span style=\"font-weight: 400;\">=<\/span><span style=\"font-weight: 400;\">\"<\/span><span style=\"font-weight: 400;\">width<\/span><span style=\"font-weight: 400;\">:<\/span> <span style=\"font-weight: 400;\">250<\/span><span style=\"font-weight: 400;\">px<\/span><span style=\"font-weight: 400;\">; <\/span><span style=\"font-weight: 400;\">border<\/span><span style=\"font-weight: 400;\">:<\/span> <span style=\"font-weight: 400;\">1<\/span><span style=\"font-weight: 400;\">px<\/span> <span style=\"font-weight: 400;\">solid<\/span> <span style=\"font-weight: 400;\">#ccc<\/span><span style=\"font-weight: 400;\">; <\/span><span style=\"font-weight: 400;\">padding<\/span><span style=\"font-weight: 400;\">:<\/span> <span style=\"font-weight: 400;\">10<\/span><span style=\"font-weight: 400;\">px<\/span><span style=\"font-weight: 400;\">\"<\/span><span style=\"font-weight: 400;\">&gt;<\/span>\n<span style=\"font-weight: 400;\"> \u00a0\u00a0\u0110\u00e2y l\u00e0 m\u1ed9t \u0111o\u1ea1n v\u0103n b\u1ea3n d\u00e0i, n\u00f3 kh\u00f4ng t\u1ef1 \u0111\u1ed9ng xu\u1ed1ng d\u00f2ng khi h\u1ebft ch\u1ed7.<\/span>\n<span style=\"font-weight: 400;\">&lt;\/<\/span><span style=\"font-weight: 400;\">div<\/span><span style=\"font-weight: 400;\">&gt;\u00a0<\/span><\/pre>\n<p><span style=\"font-weight: 400;\">K\u1ebft qu\u1ea3: D\u00f9 c\u00f3 kho\u1ea3ng tr\u1eafng nh\u01b0ng v\u0103n b\u1ea3n kh\u00f4ng xu\u1ed1ng d\u00f2ng:<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-86110\" src=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/04\/text-bootstrap-15-vippro.png\" alt=\"text bootstrap - itviec blog\" width=\"1180\" height=\"200\" srcset=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/04\/text-bootstrap-15-vippro.png 1180w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/04\/text-bootstrap-15-vippro-300x51.png 300w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/04\/text-bootstrap-15-vippro-768x130.png 640w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/04\/text-bootstrap-15-vippro-200x34.png 200w\" sizes=\"auto, (max-width: 1180px) 100vw, 1180px\" \/><\/p>\n<h4><b>.text-truncate<\/b><\/h4>\n<p><span style=\"font-weight: 400;\">C\u1eaft b\u1edbt n\u1ed9i dung v\u0103n b\u1ea3n khi b\u1ecb tr\u00e0n kh\u1ecfi khung v\u00e0 th\u00eam d\u1ea5u \u201c<\/span><b>\u2026<\/b><span style=\"font-weight: 400;\">\u201d \u1edf cu\u1ed1i (y\u00eau c\u1ea7u ph\u1ea7n t\u1eed ph\u1ea3i c\u00f3 <\/span><b>max-width<\/b><span style=\"font-weight: 400;\"> v\u00e0 <\/span><b>overflow: hidden<\/b><span style=\"font-weight: 400;\">)<\/span><\/p>\n<pre><span style=\"font-weight: 400;\">\u00a0\u00a0\u00a0\u00a0\u00a0&lt;<\/span><span style=\"font-weight: 400;\">div<\/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-truncate<\/span><span style=\"font-weight: 400;\">\"<\/span> <i><span style=\"font-weight: 400;\">style<\/span><\/i><span style=\"font-weight: 400;\">=<\/span><span style=\"font-weight: 400;\">\"<\/span><span style=\"font-weight: 400;\">max-width<\/span><span style=\"font-weight: 400;\">:<\/span> <span style=\"font-weight: 400;\">200<\/span><span style=\"font-weight: 400;\">px<\/span><span style=\"font-weight: 400;\">; <\/span><span style=\"font-weight: 400;\">overflow<\/span><span style=\"font-weight: 400;\">:<\/span> <span style=\"font-weight: 400;\">hidden<\/span><span style=\"font-weight: 400;\">;<\/span><span style=\"font-weight: 400;\">\"<\/span><span style=\"font-weight: 400;\">&gt;<\/span>\n<span style=\"font-weight: 400;\"> \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u0110\u00e2y l\u00e0 m\u1ed9t \u0111o\u1ea1n v\u0103n b\u1ea3n r\u1ea5t d\u00e0i s\u1ebd b\u1ecb c\u1eaft ng\u1eafn b\u1eb1ng d\u1ea5u ba ch\u1ea5m.<\/span>\n<span style=\"font-weight: 400;\">\u00a0\u00a0\u00a0\u00a0\u00a0&lt;\/<\/span><span style=\"font-weight: 400;\">div<\/span><span style=\"font-weight: 400;\">&gt;<\/span><\/pre>\n<p><span style=\"font-weight: 400;\">K\u1ebft qu\u1ea3:<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-86111\" src=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/04\/text-bootstrap-16-vippro.jpg\" alt=\"text bootstrap - itviec blog\" width=\"618\" height=\"162\" \/><\/p>\n<h4><b>.text-break<\/b><\/h4>\n<p><span style=\"font-weight: 400;\">Ng\u1eaft d\u00f2ng ngay c\u1ea3 khi kh\u00f4ng c\u00f3 kho\u1ea3ng tr\u1eafng trong v\u0103n b\u1ea3n. N\u00f3 t\u01b0\u01a1ng \u0111\u01b0\u01a1ng v\u1edbi thu\u1ed9c t\u00ednh CSS:<\/span><\/p>\n<pre><span style=\"font-weight: 400;\">word-wrap: break-word;<\/span>\n<span style=\"font-weight: 400;\">word-break: break-word;<\/span><\/pre>\n<p><span style=\"font-weight: 400;\">V\u00ed d\u1ee5:<\/span><\/p>\n<pre><span style=\"font-weight: 400;\">&lt;<\/span><span style=\"font-weight: 400;\">div<\/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-break<\/span><span style=\"font-weight: 400;\">\"<\/span> <i><span style=\"font-weight: 400;\">style<\/span><\/i><span style=\"font-weight: 400;\">=<\/span><span style=\"font-weight: 400;\">\"<\/span><span style=\"font-weight: 400;\">width<\/span><span style=\"font-weight: 400;\">:<\/span> <span style=\"font-weight: 400;\">250<\/span><span style=\"font-weight: 400;\">px<\/span><span style=\"font-weight: 400;\">; <\/span><span style=\"font-weight: 400;\">border<\/span><span style=\"font-weight: 400;\">:<\/span> <span style=\"font-weight: 400;\">1<\/span><span style=\"font-weight: 400;\">px<\/span> <span style=\"font-weight: 400;\">solid<\/span> <span style=\"font-weight: 400;\">#ccc<\/span><span style=\"font-weight: 400;\">; <\/span><span style=\"font-weight: 400;\">padding<\/span><span style=\"font-weight: 400;\">:<\/span> <span style=\"font-weight: 400;\">10<\/span><span style=\"font-weight: 400;\">px<\/span><span style=\"font-weight: 400;\">\"<\/span><span style=\"font-weight: 400;\">&gt;<\/span>\n<span style=\"font-weight: 400;\"> \u00a0\u00a0\u00a0\u00a0\u0110\u00e2yl\u00e0m\u1ed9t\u0111o\u1ea1nv\u0103nb\u1ea3nd\u00e0i,n\u00f3t\u1ef1\u0111\u1ed9ngxu\u1ed1ngd\u00f2ngkhih\u1ebftch\u1ed7.<\/span>\n<span style=\"font-weight: 400;\">&lt;\/<\/span><span style=\"font-weight: 400;\">div<\/span><span style=\"font-weight: 400;\">&gt;\u00a0<\/span><\/pre>\n<p><span style=\"font-weight: 400;\">K\u1ebft qu\u1ea3:<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-86112\" src=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/04\/text-bootstrap-17-vippro.jpg\" alt=\"text bootstrap - itviec blog\" width=\"670\" height=\"228\" srcset=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/04\/text-bootstrap-17-vippro.jpg 670w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/04\/text-bootstrap-17-vippro-300x102.jpg 300w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/04\/text-bootstrap-17-vippro-640x218.jpg 640w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/04\/text-bootstrap-17-vippro-200x68.jpg 200w\" sizes=\"auto, (max-width: 670px) 100vw, 670px\" \/><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Bang_tong_hop_nhanh_cac_loai_dinh_dang_Text_Bootstrap\"><\/span><b>B\u1ea3ng t\u1ed5ng h\u1ee3p nhanh c\u00e1c lo\u1ea1i \u0111\u1ecbnh d\u1ea1ng Text Bootstrap<\/b><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<table>\n<tbody>\n<tr>\n<td><b>Nh\u00f3m ch\u1ee9c n\u0103ng<\/b><\/td>\n<td><b>Class<\/b><\/td>\n<td><b>M\u00f4 t\u1ea3<\/b><\/td>\n<\/tr>\n<tr>\n<td rowspan=\"2\"><b>Ti\u00eau \u0111\u1ec1 v\u00e0 v\u0103n b\u1ea3n<\/b><\/td>\n<td><b>.h1<\/b><span style=\"font-weight: 400;\">, <\/span><b>.h2<\/b><span style=\"font-weight: 400;\">, \u2026, <\/span><b>.h6<\/b><\/td>\n<td><span style=\"font-weight: 400;\">M\u00f4 ph\u1ecfng c\u00e1c th\u1ebb ti\u00eau \u0111\u1ec1 &lt;h1&gt; \u2192 &lt;h6&gt;<\/span><\/td>\n<\/tr>\n<tr>\n<td><b>.display-1<\/b><span style=\"font-weight: 400;\">, <\/span><b>.display-2<\/b><span style=\"font-weight: 400;\">, \u2026 , <\/span><b>.display-6<\/b><\/td>\n<td><span style=\"font-weight: 400;\">Ti\u00eau \u0111\u1ec1 c\u1ee1 l\u1edbn, n\u1ed5i b\u1eadt h\u01a1n ti\u00eau \u0111\u1ec1 th\u00f4ng th\u01b0\u1eddng<\/span><\/td>\n<\/tr>\n<tr>\n<td rowspan=\"5\"><b>C\u0103n l\u1ec1 v\u0103n b\u1ea3n<\/b><\/td>\n<td><b>.text-start<\/b><\/td>\n<td><span style=\"font-weight: 400;\">Canh l\u1ec1 tr\u00e1i ph\u1ea7n t\u1eed cha<\/span><\/td>\n<\/tr>\n<tr>\n<td><b>.text-center<\/b><\/td>\n<td><span style=\"font-weight: 400;\">Canh gi\u1eefa theo ph\u1ea7n t\u1eed cha<\/span><\/td>\n<\/tr>\n<tr>\n<td><b>.text-end<\/b><\/td>\n<td><span style=\"font-weight: 400;\">Canh l\u1ec1 ph\u1ea3i ph\u1ea7n t\u1eed cha<\/span><\/td>\n<\/tr>\n<tr>\n<td><b>.text-justify<\/b><\/td>\n<td><span style=\"font-weight: 400;\">Canh \u0111\u1ec1u theo ph\u1ea7n t\u1eed cha<\/span><\/td>\n<\/tr>\n<tr>\n<td><b>.text-{breakpoint}-{align}<\/b><\/td>\n<td><span style=\"font-weight: 400;\">Canh l\u1ec1 theo responsive<\/span><\/td>\n<\/tr>\n<tr>\n<td rowspan=\"5\"><b>\u0110\u1ecbnh d\u1ea1ng ki\u1ec3u ch\u1eef<\/b><\/td>\n<td><b>.fw-bold<\/b><span style=\"font-weight: 400;\">, <\/span><b>.fw-bolder,<\/b> <b>.fw-light<\/b><span style=\"font-weight: 400;\">, <\/span><b>.fw-lighter,<\/b> <b>.fw-normal<\/b><\/td>\n<td><span style=\"font-weight: 400;\">T\u00f9y ch\u1ec9nh \u0111\u1ed9 \u0111\u1eadm, nh\u1eb9, b\u00ecnh th\u01b0\u1eddng c\u1ee7a n\u00e9t ch\u1eef<\/span><\/td>\n<\/tr>\n<tr>\n<td><b>.fst-italic<\/b><\/td>\n<td><span style=\"font-weight: 400;\">In nghi\u00eang<\/span><\/td>\n<\/tr>\n<tr>\n<td><b>.text-uppercase<\/b><\/td>\n<td><span style=\"font-weight: 400;\">Vi\u1ebft hoa to\u00e0n b\u1ed9<\/span><\/td>\n<\/tr>\n<tr>\n<td><b>.text-lowercase<\/b><\/td>\n<td><span style=\"font-weight: 400;\">Vi\u1ebft th\u01b0\u1eddng to\u00e0n b\u1ed9<\/span><\/td>\n<\/tr>\n<tr>\n<td><b>.text-capitalize<\/b><\/td>\n<td><span style=\"font-weight: 400;\">Vi\u1ebft hoa ch\u1eef c\u00e1i \u0111\u1ea7u<\/span><\/td>\n<\/tr>\n<tr>\n<td><b>K\u00edch th\u01b0\u1edbc ch\u1eef (font-size)<\/b><\/td>\n<td><b>.fs-1<\/b><span style=\"font-weight: 400;\"> \u2192 <\/span><b>.fs-6<\/b><\/td>\n<td><span style=\"font-weight: 400;\">\u0110i\u1ec1u ch\u1ec9nh k\u00edch th\u01b0\u1edbc ch\u1eef v\u1edbi 6 c\u1ea5p \u0111\u1ed9<\/span><\/td>\n<\/tr>\n<tr>\n<td><b>\u0110\u1ecbnh d\u1ea1ng m\u00e0u ch\u1eef<\/b><\/td>\n<td><b>.text-primary<\/b><span style=\"font-weight: 400;\">, <\/span><b>.text-secondary<\/b><span style=\"font-weight: 400;\">,<\/span><b> .text-success<\/b><span style=\"font-weight: 400;\">,<\/span><b> .text-danger<\/b><span style=\"font-weight: 400;\">, <\/span><b>.text-warning<\/b><span style=\"font-weight: 400;\">, &#8230;<\/span><\/td>\n<td><span style=\"font-weight: 400;\">\u0110\u1ed5i m\u00e0u ch\u1eef theo h\u1ec7 th\u1ed1ng theme (primary, danger, success, secondary, warning, \u2026)<\/span><\/td>\n<\/tr>\n<tr>\n<td><b>\u0110\u1ecbnh d\u1ea1ng m\u00e0u n\u1ec1n ch\u1eef<\/b><\/td>\n<td><b>.bg-primary<\/b><span style=\"font-weight: 400;\">, <\/span><b>.bg-secondary<\/b><span style=\"font-weight: 400;\">,<\/span><b> .bg-success<\/b><span style=\"font-weight: 400;\">,<\/span><b> .bg-danger<\/b><span style=\"font-weight: 400;\">, <\/span><b>.bg-warning<\/b><span style=\"font-weight: 400;\">, &#8230;<\/span><\/td>\n<td><span style=\"font-weight: 400;\">\u0110\u1ed5i m\u00e0u n\u1ec1n ch\u1eef theo h\u1ec7 th\u1ed1ng theme (primary, danger, success, secondary, warning, \u2026)<\/span><\/td>\n<\/tr>\n<tr>\n<td rowspan=\"4\"><b>X\u1eed l\u00fd xu\u1ed1ng d\u00f2ng \/ tr\u00e0n v\u0103n b\u1ea3n<\/b><\/td>\n<td><b>.text-wrap<\/b><\/td>\n<td><span style=\"font-weight: 400;\">Cho ph\u00e9p xu\u1ed1ng d\u00f2ng khi c\u1ea7n (d\u1ef1a theo kho\u1ea3ng tr\u1eafng)\u00a0<\/span><\/td>\n<\/tr>\n<tr>\n<td><b>.text-nowrap<\/b><\/td>\n<td><span style=\"font-weight: 400;\">Kh\u00f4ng cho xu\u1ed1ng d\u00f2ng<\/span><\/td>\n<\/tr>\n<tr>\n<td><b>.text-truncate<\/b><\/td>\n<td><span style=\"font-weight: 400;\">C\u1eaft ng\u1eafn v\u0103n b\u1ea3n n\u1ebfu b\u1ecb tr\u00e0n, th\u00eam d\u1ea5u \u201c\u2026\u201d<\/span><\/td>\n<\/tr>\n<tr>\n<td><b>.text-break<\/b><\/td>\n<td><span style=\"font-weight: 400;\">T\u1ef1 \u0111\u1ed9ng ng\u1eaft d\u00f2ng khi b\u1ecb tr\u00e0n v\u0103n b\u1ea3n ngay c\u1ea3 khi kh\u00f4ng c\u00f3 kho\u1ea3ng tr\u1eafng<\/span><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2><span class=\"ez-toc-section\" id=\"5_luu_y_quan_trong_khi_su_dung_Text_trong_Bootstrap\"><\/span><b>5 l\u01b0u \u00fd quan tr\u1ecdng khi s\u1eed d\u1ee5ng Text trong Bootstrap<\/b><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<ul>\n<li><b>Text Bootstrap s\u1ebd kh\u00f4ng th\u1ec3 ghi \u0111\u00e8 inline CSS<\/b><span style=\"font-weight: 400;\">: N\u1ebfu ph\u1ea7n t\u1eed HTML c\u00f3 style CSS n\u1ed9i b\u1ed9 nh\u01b0 style=&#8221;color:red&#8221;, th\u00ec .text-* s\u1ebd kh\u00f4ng c\u00f3 t\u00e1c d\u1ee5ng<\/span><\/li>\n<li><b>S\u1eed d\u1ee5ng m\u00e0u n\u1ec1n v\u00e0 m\u00e0u ch\u1eef t\u01b0\u01a1ng ph\u1ea3n t\u1ed1t<\/b><span style=\"font-weight: 400;\">: Tr\u00e1nh k\u1ebft h\u1ee3p m\u00e0u ch\u1eef v\u00e0 m\u00e0u n\u1ec1n kh\u00f4ng c\u00f3 s\u1ef1 t\u01b0\u01a1ng ph\u1ea3n, g\u00e2y kh\u00f3 kh\u0103n trong vi\u1ec7c nh\u1eadn bi\u1ebft. V\u00ed d\u1ee5 n\u1ec1n t\u1ed1i v\u1edbi ch\u1eef t\u1ed1i (bg-dark + text-dark) ho\u1eb7c n\u1ec1n s\u00e1ng v\u1edbi ch\u1eef s\u00e1ng<\/span><\/li>\n<li><b>Text Bootstrap kh\u00f4ng l\u00e0m thay \u0111\u1ed5i b\u1ea3n ch\u1ea5t th\u1ebb HTML<\/b><span style=\"font-weight: 400;\">: D\u00f9ng .h1, .display-1, .fw-bold&#8230; ch\u1ec9 thay \u0111\u1ed5i v\u1ec1 m\u1eb7t giao di\u1ec7n, kh\u00f4ng thay \u0111\u1ed5i ng\u1eef ngh\u0129a HTML. N\u1ebfu tr\u01b0\u1eddng h\u1ee3p c\u1ea7n gi\u1eef ng\u1eef ngh\u0129a ti\u00eau \u0111\u1ec1 (v\u00ed d\u1ee5 trong SEO), n\u00ean d\u00f9ng th\u1ebb &lt;h1&gt;, &lt;h2&gt;,\u2026<\/span><\/li>\n<li><b>K\u1ebft h\u1ee3p h\u1ee3p l\u00fd v\u1edbi padding\/margin<\/b><span style=\"font-weight: 400;\">: Khi s\u1eed d\u1ee5ng Text Bootstrap, b\u1ea1n c\u00f3 th\u1ec3 k\u1ebft h\u1ee3p v\u1edbi c\u00e1c \u0111\u1ecbnh d\u1ea1ng v\u1ec1 padding\/margin \u0111\u1ec3 v\u0103n b\u1ea3n \u0111\u01b0\u1ee3c hi\u1ec3n th\u1ecb \u0111\u1eb9p m\u1eaft h\u01a1n<\/span><\/li>\n<li><b>S\u1eed d\u1ee5ng nh\u1ea5t qu\u00e1n c\u00e1c class<\/b><span style=\"font-weight: 400;\">: Tr\u00e1nh vi\u1ec7c \u0111\u1ecbnh d\u1ea1ng v\u0103n b\u1ea3n m\u1ed9t c\u00e1ch t\u00f9y h\u1ee9ng b\u1eb1ng CSS ri\u00eang l\u1ebb khi Bootstrap \u0111\u00e3 cung c\u1ea5p c\u00e1c class t\u01b0\u01a1ng \u1ee9ng. Vi\u1ec7c n\u00e0y gi\u00fap duy tr\u00ec s\u1ef1 \u0111\u1ed3ng nh\u1ea5t v\u1ec1 m\u1eb7t giao di\u1ec7n tr\u00ean to\u00e0n b\u1ed9 trang web v\u00e0 d\u1ec5 d\u00e0ng b\u1ea3o tr\u00ec h\u01a1n.<\/span><\/li>\n<\/ul>\n<h2><span class=\"ez-toc-section\" id=\"Cau_hoi_thuong_gap_ve_text_bootstrap\"><\/span><b>C\u00e2u h\u1ecfi th\u01b0\u1eddng g\u1eb7p v\u1ec1 text bootstrap<\/b><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<h3><b>C\u00f3 th\u1ec3 t\u00f9y ch\u1ec9nh k\u00edch th\u01b0\u1edbc font ch\u1eef ngo\u00e0i c\u00e1c class c\u00f3 s\u1eb5n kh\u00f4ng?<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Ngo\u00e0i vi\u1ec7c s\u1eed d\u1ee5ng c\u00e1c class Bootstrap nh\u01b0 <\/span><b>.fs-1<\/b><span style=\"font-weight: 400;\"> \u0111\u1ebfn <\/span><b>.fs-6<\/b><span style=\"font-weight: 400;\">, b\u1ea1n ho\u00e0n to\u00e0n c\u00f3 th\u1ec3 t\u00f9y ch\u1ec9nh k\u00edch th\u01b0\u1edbc v\u0103n b\u1ea3n b\u1eb1ng inline CSS ho\u1eb7c s\u1eed d\u1ee5ng class CSS t\u00f9y ch\u1ec9nh ri\u00eang.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">V\u00ed d\u1ee5 \u0111\u1ec3 v\u0103n b\u1ea3n c\u00f3 k\u00edch th\u01b0\u1edbc 1.5rem (1.5 l\u1ea7n k\u00edch th\u01b0\u1edbc ph\u00f4ng ch\u1eef c\u1ee7a ph\u1ea7n t\u1eed g\u1ed1c &lt;html&gt;):<\/span><\/p>\n<pre><span style=\"font-weight: 400;\">.custom-text-large {<\/span>\n<span style=\"font-weight: 400;\">\u00a0 \u00a0 font-size: 1.5rem;<\/span>\n<span style=\"font-weight: 400;\">}<\/span><\/pre>\n<h3><b>C\u00f3 th\u1ec3 k\u1ebft h\u1ee3p nhi\u1ec1u l\u1edbp CSS text trong Bootstrap c\u00f9ng l\u00fac kh\u00f4ng?<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Bootstrap \u0111\u01b0\u1ee3c thi\u1ebft k\u1ebf theo tri\u1ebft l\u00fd \u201cutility-first\u201d, ngh\u0129a l\u00e0 cung c\u1ea5p c\u00e1c class nh\u1ecf, \u0111\u1ed9c l\u1eadp, th\u1ef1c hi\u1ec7n m\u1ed9t ch\u1ee9c n\u0103ng c\u1ee5 th\u1ec3. V\u00ec v\u1eady b\u1ea1n c\u00f3 th\u1ec3 k\u1ebft h\u1ee3p c\u00e1c class Bootstrap v\u1edbi nhau \u0111\u1ec3 t\u1ea1o ra c\u00e1c ki\u1ec3u d\u00e1ng ph\u1ee9c t\u1ea1p m\u00e0 kh\u00f4ng c\u1ea7n vi\u1ebft CSS t\u00f9y ch\u1ec9nh.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">V\u00ed d\u1ee5 1: k\u1ebft h\u1ee3p gi\u1eefa \u0111\u1ecbnh d\u1ea1ng m\u00e0u ch\u1eef v\u00e0 m\u00e0u n\u1ec1n<\/span><\/p>\n<pre><span style=\"font-weight: 400;\">&lt;<\/span><span style=\"font-weight: 400;\">div<\/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 p-2<\/span><span style=\"font-weight: 400;\">\"<\/span><span style=\"font-weight: 400;\">&gt;N\u1ec1n m\u00e0u xanh ch\u1ee7 \u0111\u1ea1o + ch\u1eef tr\u1eafng&lt;\/<\/span><span style=\"font-weight: 400;\">div<\/span><span style=\"font-weight: 400;\">&gt;<\/span>\n<span style=\"font-weight: 400;\">&lt;<\/span><span style=\"font-weight: 400;\">div<\/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 p-2 mt-2<\/span><span style=\"font-weight: 400;\">\"<\/span><span style=\"font-weight: 400;\">&gt;N\u1ec1n x\u00e1m s\u00e1ng + ch\u1eef \u0111en&lt;\/<\/span><span style=\"font-weight: 400;\">div<\/span><span style=\"font-weight: 400;\">&gt;<\/span>\n<span style=\"font-weight: 400;\">&lt;<\/span><span style=\"font-weight: 400;\">div<\/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-warning p-2 mt-2<\/span><span style=\"font-weight: 400;\">\"<\/span><span style=\"font-weight: 400;\">&gt;N\u1ec1n \u0111en + ch\u1eef v\u00e0ng&lt;\/<\/span><span style=\"font-weight: 400;\">div<\/span><span style=\"font-weight: 400;\">&gt;\u00a0\u00a0\u00a0<\/span><\/pre>\n<p><span style=\"font-weight: 400;\">K\u1ebft qu\u1ea3:<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-86106\" src=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/04\/text-bootstrap-12-vippro.png\" alt=\"text bootstrap - itviec blog\" width=\"1180\" height=\"370\" srcset=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/04\/text-bootstrap-12-vippro.png 1180w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/04\/text-bootstrap-12-vippro-300x94.png 300w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/04\/text-bootstrap-12-vippro-768x241.png 640w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/04\/text-bootstrap-12-vippro-200x63.png 200w\" sizes=\"auto, (max-width: 1180px) 100vw, 1180px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">V\u00ed d\u1ee5 2: k\u1ebft h\u1ee3p gi\u1eefa \u0111\u1ecbnh d\u1ea1ng k\u00edch th\u01b0\u1edbc v\u00e0 ki\u1ec3u d\u00e1ng ch\u1eef<\/span><\/p>\n<pre><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;\">fw-bold fst-italic<\/span><span style=\"font-weight: 400;\">\"<\/span><span style=\"font-weight: 400;\">&gt;Ch\u1eef in \u0111\u1eadm v\u00e0 in nghi\u00eang&lt;\/<\/span><span style=\"font-weight: 400;\">p<\/span><span style=\"font-weight: 400;\">&gt;<\/span>\n<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;\">fw-light text-uppercase<\/span><span style=\"font-weight: 400;\">\"<\/span><span style=\"font-weight: 400;\">&gt;Ch\u1eef m\u1ea3nh v\u00e0 vi\u1ebft in hoa&lt;\/<\/span><span style=\"font-weight: 400;\">p<\/span><span style=\"font-weight: 400;\">&gt;<\/span>\n<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;\">fw-normal text-capitalize<\/span><span style=\"font-weight: 400;\">\"<\/span><span style=\"font-weight: 400;\">&gt;Ch\u1eef th\u01b0\u1eddng v\u00e0 vi\u1ebft hoa ch\u1eef c\u00e1i \u0111\u1ea7u&lt;\/<\/span><span style=\"font-weight: 400;\">p<\/span><span style=\"font-weight: 400;\">&gt;<\/span><\/pre>\n<p><span style=\"font-weight: 400;\">K\u1ebft qu\u1ea3:<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-86113\" src=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/04\/text-bootstrap-18-vippro.jpg\" alt=\"text bootstrap - itviec blog\" width=\"620\" height=\"264\" srcset=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/04\/text-bootstrap-18-vippro.jpg 620w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/04\/text-bootstrap-18-vippro-300x128.jpg 300w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/04\/text-bootstrap-18-vippro-200x85.jpg 200w\" sizes=\"auto, (max-width: 620px) 100vw, 620px\" \/><\/p>\n<h3><b>L\u00e0m th\u1ebf n\u00e0o \u0111\u1ec3 x\u1eed l\u00fd v\u0103n b\u1ea3n qu\u00e1 d\u00e0i v\u01b0\u1ee3t khung trong Bootstrap?<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Bootstrap cung c\u1ea5p nhi\u1ec1u class \u0111\u1ecbnh ngh\u0129a s\u1eb5n \u0111\u1ec3 x\u1eed l\u00fd khi v\u0103n b\u1ea3n c\u00f3 \u0111\u1ed9 d\u00e0i v\u01b0\u1ee3t qu\u00e1 khung ch\u1ee9a, t\u00f9y v\u00e0o nhu c\u1ea7u c\u1ee7a d\u1ef1 \u00e1n m\u00e0 b\u1ea1n c\u00f3 th\u1ec3 l\u1ef1a ch\u1ecdn nh\u1eefng c\u00e1ch sau:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>.text-wrap<\/b><span style=\"font-weight: 400;\">: t\u1ef1 \u0111\u1ed9ng xu\u1ed1ng d\u00f2ng v\u0103n b\u1ea3n (xu\u1ed1ng d\u00f2ng theo kho\u1ea3ng tr\u1eafng)<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>.text-truncate<\/b><span style=\"font-weight: 400;\">: c\u1eaft b\u1edbt v\u0103n b\u1ea3n v\u00e0 hi\u1ec3n th\u1ecb d\u1ea5u \u201c&#8230;\u201d, y\u00eau c\u1ea7u ph\u1ea7n t\u1eed ph\u1ea3i c\u00f3 <\/span><b>max-width<\/b><span style=\"font-weight: 400;\"> ho\u1eb7c <\/span><b>width<\/b><span style=\"font-weight: 400;\">, v\u00e0 <\/span><b>overflow: hidden<\/b><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>.text-break<\/b><span style=\"font-weight: 400;\">: ng\u1eaft d\u00f2ng (kh\u00f4ng ph\u00e2n bi\u1ec7t c\u00f3 kho\u1ea3ng tr\u1eafng hay kh\u00f4ng)<\/span><\/li>\n<\/ul>\n<h3><b>C\u00f3 th\u1ec3 thay \u0111\u1ed5i font ch\u1eef m\u1eb7c \u0111\u1ecbnh c\u1ee7a Bootstrap kh\u00f4ng?<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Bootstrap s\u1eed d\u1ee5ng font m\u1eb7c \u0111\u1ecbnh l\u00e0 system-ui (ho\u1eb7c -apple-system, Segoe UI, Roboto,\u2026) \u0111\u1ec3 \u0111\u1ea3m b\u1ea3o giao di\u1ec7n \u0111\u1ed3ng b\u1ed9 tr\u00ean c\u00e1c n\u1ec1n t\u1ea3ng. Tuy nhi\u00ean, n\u1ebfu b\u1ea1n mu\u1ed1n \u0111\u1ed5i sang font kh\u00e1c \u0111\u1ec3 ph\u00f9 h\u1ee3p v\u1edbi nhu c\u1ea7u d\u1ef1 \u00e1n th\u00ec b\u1ea1n c\u00f3 th\u1ec3 th\u1ef1c hi\u1ec7n theo nhi\u1ec1u c\u00e1ch nh\u01b0 sau:<\/span><\/p>\n<h4><strong>Ghi \u0111\u00e8 c\u00e1c selector CSS tr\u1ef1c ti\u1ebfp<\/strong><\/h4>\n<p><span style=\"font-weight: 400;\">\u0110\u00e2y l\u00e0 c\u00e1ch \u0111\u01a1n gi\u1ea3n v\u00e0 nhanh nh\u1ea5t, d\u00f9ng CSS \u0111\u1ec3 ghi \u0111\u00e8 l\u1ea1i thu\u1ed9c t\u00ednh font-family cho t\u1eebng ph\u1ea7n t\u1eed HTML m\u00e0 b\u1ea1n mu\u1ed1n \u00e1p d\u1ee5ng font ch\u1eef m\u1edbi, ho\u1eb7c s\u1eed d\u1ee5ng cho <\/span><b>body<\/b><span style=\"font-weight: 400;\"> \u0111\u1ec3 t\u1ef1 \u0111\u1ed9ng \u00e1p d\u1ee5ng cho to\u00e0n b\u1ed9 trang.<\/span><\/p>\n<pre><span style=\"font-weight: 400;\">&lt;<\/span><span style=\"font-weight: 400;\">style<\/span><span style=\"font-weight: 400;\">&gt;<\/span>\n<span style=\"font-weight: 400;\">\u00a0 <\/span><span style=\"font-weight: 400;\">body<\/span><span style=\"font-weight: 400;\"> {<\/span>\n<span style=\"font-weight: 400;\">\u00a0 \u00a0 <\/span><span style=\"font-weight: 400;\">font-family<\/span><span style=\"font-weight: 400;\">: <\/span><span style=\"font-weight: 400;\">\"t\u00ean font ch\u1eef m\u1edbi\", sans-serif<\/span><span style=\"font-weight: 400;\">;<\/span>\n<span style=\"font-weight: 400;\">\u00a0 }<\/span>\n<span style=\"font-weight: 400;\">\u00a0\u00a0<\/span><span style=\"font-weight: 400;\">h1, h2, h3, h4, h5, h6<\/span><span style=\"font-weight: 400;\"> {<\/span>\n<span style=\"font-weight: 400;\">\u00a0 \u00a0 <\/span><span style=\"font-weight: 400;\">font-family<\/span><span style=\"font-weight: 400;\">: <\/span><span style=\"font-weight: 400;\">\"t\u00ean font ch\u1eef m\u1edbi\", sans-serif<\/span><span style=\"font-weight: 400;\">;<\/span>\n<span style=\"font-weight: 400;\">\u00a0 }<\/span>\n<span style=\"font-weight: 400;\">\u00a0\u00a0<\/span><span style=\"font-weight: 400;\">p<\/span><span style=\"font-weight: 400;\"> {<\/span>\n<span style=\"font-weight: 400;\">\u00a0 \u00a0 <\/span><span style=\"font-weight: 400;\">font-family<\/span><span style=\"font-weight: 400;\">: <\/span><span style=\"font-weight: 400;\">\"t\u00ean font ch\u1eef m\u1edbi\", sans-serif<\/span><span style=\"font-weight: 400;\">;<\/span>\n<span style=\"font-weight: 400;\">\u00a0 }<\/span>\n<span style=\"font-weight: 400;\">&lt;\/<\/span><span style=\"font-weight: 400;\">style<\/span><span style=\"font-weight: 400;\">&gt;<\/span><\/pre>\n<h4><strong>Ghi \u0111\u00e8 bi\u1ebfn CSS (khuy\u1ebfn ngh\u1ecb)<\/strong><\/h4>\n<p><span style=\"font-weight: 400;\">Bootstrap 5 s\u1eed d\u1ee5ng c\u00e1c bi\u1ebfn CSS (CSS variable) \u0111\u1ec3 qu\u1ea3n l\u00fd nhi\u1ec1u thu\u1ed9c t\u00ednh, bao g\u1ed3m c\u1ea3 font ch\u1eef. B\u1ea1n c\u00f3 th\u1ec3 ghi \u0111\u00e8 c\u00e1c bi\u1ebfn n\u00e0y b\u1eb1ng CSS t\u00f9y ch\u1ec9nh c\u1ee7a m\u00ecnh.<\/span><\/p>\n<pre><span style=\"font-weight: 400;\">:root {<\/span>\n<span style=\"font-weight: 400;\">\u00a0 --bs-font-sans-serif: 'T\u00ean font ch\u1eef m\u1edbi', sans-serif;<\/span>\n<span style=\"font-weight: 400;\">}<\/span><\/pre>\n<h4><strong>Ghi \u0111\u00e8 theo t\u1eebng th\u00e0nh ph\u1ea7n<\/strong><\/h4>\n<p><span style=\"font-weight: 400;\">N\u1ebfu b\u1ea1n ch\u1ec9 mu\u1ed1n thay \u0111\u1ed5i font \u1edf m\u1ed9t ph\u1ea7n c\u1ee5 th\u1ec3 (v\u00ed d\u1ee5 ti\u00eau \u0111\u1ec1, navbar, content), c\u00f3 th\u1ec3 th\u00eam class ri\u00eang.<\/span><\/p>\n<pre><span style=\"font-weight: 400;\">&lt;<\/span><span style=\"font-weight: 400;\">style<\/span><span style=\"font-weight: 400;\">&gt;<\/span>\n<span style=\"font-weight: 400;\">.custom-font<\/span><span style=\"font-weight: 400;\"> {<\/span>\n<span style=\"font-weight: 400;\">\u00a0 <\/span><span style=\"font-weight: 400;\">font-family<\/span><span style=\"font-weight: 400;\">: <\/span><span style=\"font-weight: 400;\">\u2018t\u00ean font m\u1edbi\u2019<\/span><span style=\"font-weight: 400;\">, sans-serif;<\/span>\n<span style=\"font-weight: 400;\">}<\/span>\n<span style=\"font-weight: 400;\">&lt;\/<\/span><span style=\"font-weight: 400;\">style<\/span><span style=\"font-weight: 400;\">&gt;<\/span>\n\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;\">\u201ccustom-font\u201d<\/span><span style=\"font-weight: 400;\">&gt;<\/span>\n<span style=\"font-weight: 400;\">\u00a0 \u0110\u00e2y l\u00e0 ph\u1ea7n v\u0103n b\u1ea3n d\u00f9ng font kh\u00e1c.<\/span>\n<span style=\"font-weight: 400;\">&lt;\/<\/span><span style=\"font-weight: 400;\">div<\/span><span style=\"font-weight: 400;\">&gt;<\/span><\/pre>\n<blockquote><p><b><i>* sans-serif<\/i><\/b><i><span style=\"font-weight: 400;\"> \u0111\u01b0\u1ee3c ph\u00eda sau trong font-family \u0111\u00f3ng vai tr\u00f2 d\u1ef1 ph\u00f2ng (fallback), khi font ch\u00ednh kh\u00f4ng t\u1ea3i \u0111\u01b0\u1ee3c, tr\u00ecnh duy\u1ec7t s\u1ebd t\u1ef1 \u0111\u1ed9ng s\u1eed d\u1ee5ng font m\u1eb7c \u0111\u1ecbnh \u0111\u1ec3 hi\u1ec3n th\u1ecb.<\/span><\/i><\/p><\/blockquote>\n<p><span style=\"font-weight: 400;\">Tuy nhi\u00ean, \u0111i\u1ec1u ti\u00ean quy\u1ebft \u0111\u1ea7u ti\u00ean l\u00e0 b\u1ea1n c\u1ea7n nh\u00fang font ch\u1eef m\u1edbi v\u00e0o d\u1ef1 \u00e1n c\u1ee7a m\u00ecnh, n\u1ebfu kh\u00f4ng th\u00ec vi\u1ec7c thay \u0111\u1ed5i font s\u1ebd kh\u00f4ng c\u00f3 hi\u1ec7u l\u1ef1c \u2013 tr\u00ecnh duy\u1ec7t s\u1ebd kh\u00f4ng th\u1ec3 nh\u1eadn bi\u1ebft v\u00e0 hi\u1ec3n th\u1ecb \u0111\u00fang font mong mu\u1ed1n. C\u00f3 hai c\u00e1ch ph\u1ed5 bi\u1ebfn \u0111\u1ec3 nh\u00fang font:<\/span><\/p>\n<h4><strong>Online<\/strong><\/h4>\n<p><span style=\"font-weight: 400;\">D\u00f9ng Google Fonts (kho font ch\u1eef mi\u1ec5n ph\u00ed, d\u1ec5 d\u00e0ng t\u00edch h\u1ee3p cho m\u1ecdi d\u1ef1 \u00e1n). Truy c\u1eadp <\/span><a href=\"https:\/\/fonts.google.com\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">t\u1ea1i \u0111\u00e2y<\/span><\/a><span style=\"font-weight: 400;\"> \u0111\u1ec3 l\u1ef1a ch\u1ecdn font ph\u00f9 h\u1ee3p v\u00e0 nh\u00fang \u0111\u01b0\u1eddng d\u1eabn v\u00e0o &lt;head&gt; c\u1ee7a trang web. V\u00ed d\u1ee5:<\/span><\/p>\n<pre>&lt;head&gt;&lt;link href=\"https:\/\/fonts.googleapis.com\/css2?family=Be+Vietnam+Pro&amp;display=swap\" rel=\"stylesheet\"&gt;\n&lt;\/head&gt;<\/pre>\n<h4><strong>Offline<\/strong><\/h4>\n<p><span style=\"font-weight: 400;\">T\u1ea3i font ch\u1eef v\u1ec1 v\u00e0 t\u1ef1 nh\u00fang font t\u1eeb file .ttf, .woff, .woff2 b\u1eb1ng thu\u1ed9c t\u00ednh <\/span><b>@font-face, <\/b><span style=\"font-weight: 400;\">sau \u0111\u00f3 s\u1eed d\u1ee5ng trong CSS:<\/span><\/p>\n<pre><span style=\"font-weight: 400;\">@font-face {<\/span>\n<span style=\"font-weight: 400;\">\u00a0 Font-family: \u2018FontTuyChinh\u2019;<\/span>\n<span style=\"font-weight: 400;\">\u00a0 src: url('\/fonts\/FontTuyChinh.woff2') format('woff2'),<\/span>\n<span style=\"font-weight: 400;\"> \u00a0 \u00a0 \u00a0 url('\/fonts\/FontTuyChinh.woff') format('woff');<\/span>\n<span style=\"font-weight: 400;\">\u00a0 font-weight: normal;<\/span>\n<span style=\"font-weight: 400;\">\u00a0 font-style: normal;<\/span>\n<span style=\"font-weight: 400;\">}<\/span>\n\n<span style=\"font-weight: 400;\">body {<\/span>\n<span style=\"font-weight: 400;\">\u00a0 Font-family: \u2018FontTuyChinh\u2019, sans-serif;<\/span>\n<span style=\"font-weight: 400;\">}<\/span><\/pre>\n<h2><span class=\"ez-toc-section\" id=\"Tong_ket\"><\/span><b>T\u1ed5ng k\u1ebft<\/b><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Bootstrap \u0111\u00e3 cung c\u1ea5p nhi\u1ec1u class \u0111\u1ecbnh d\u1ea1ng v\u0103n b\u1ea3n m\u1ea1nh m\u1ebd, linh ho\u1ea1t v\u00e0 d\u1ec5 s\u1eed d\u1ee5ng, gi\u00fap qu\u00e1 tr\u00ecnh ph\u00e1t tri\u1ec3n trang web \u0111\u01b0\u1ee3c th\u1ef1c hi\u1ec7n nhanh ch\u00f3ng v\u00e0 c\u00f3 s\u1ef1 nh\u1ea5t qu\u00e1n. Qua b\u00e0i vi\u1ebft n\u00e0y, ITViec hi v\u1ecdng \u0111\u00e3 mang \u0111\u1ebfn cho b\u1ea1n \u0111\u1ecdc nh\u1eefng n\u1ed9i dung b\u1ed5 \u00edch v\u1ec1 \u0111\u1ecbnh d\u1ea1ng v\u0103n b\u1ea3n s\u1eed d\u1ee5ng Text Bootstrap, t\u1eeb \u0111\u00f3 b\u1ea1n c\u00f3 th\u1ec3 l\u1ef1a ch\u1ecdn nh\u1eefng c\u00e1ch th\u1ee9c ph\u00f9 h\u1ee3p cho d\u1ef1 \u00e1n c\u1ee7a m\u00ecnh v\u00e0 n\u00e2ng cao tr\u1ea3i nghi\u1ec7m c\u1ee7a ng\u01b0\u1eddi d\u00f9ng.<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Khi x\u00e2y d\u1ef1ng giao di\u1ec7n web, vi\u1ec7c tr\u00ecnh b\u00e0y v\u0103n b\u1ea3n m\u1ed9t c\u00e1ch r\u00f5 r\u00e0ng, d\u1ec5 \u0111\u1ecdc v\u00e0 \u0111\u1ed3ng nh\u1ea5t l\u00e0 y\u1ebfu t\u1ed1 quan tr\u1ecdng kh\u00f4ng th\u1ec3 thi\u1ebfu. V\u1edbi text Bootstrap, b\u1ea1n kh\u00f4ng c\u1ea7n vi\u1ebft qu\u00e1 nhi\u1ec1u CSS th\u1ee7 c\u00f4ng m\u00e0 v\u1eabn c\u00f3 th\u1ec3 \u0111\u1ecbnh d\u1ea1ng v\u0103n b\u1ea3n hi\u1ec7u qu\u1ea3 nh\u1edd h\u1ec7 th\u1ed1ng class \u0111\u01b0\u1ee3c [&hellip;]<\/p>\n","protected":false},"author":218,"featured_media":86114,"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-86047","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.7) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Text Bootstrap: 10+ c\u00e1ch \u0111\u1ecbnh d\u1ea1ng v\u0103n b\u1ea3n hi\u1ec7u qu\u1ea3 v\u1edbi Bootstrap - ITviec Blog<\/title>\n<meta name=\"description\" content=\"Text Bootstrap gi\u00fap \u0111\u1ecbnh d\u1ea1ng ti\u00eau \u0111\u1ec1, c\u0103n l\u1ec1, x\u1eed l\u00fd tr\u00e0n d\u00f2ng v\u00e0 ch\u1ec9nh ki\u1ec3u ch\u1eef m\u00e0 kh\u00f4ng c\u1ea7n vi\u1ebft nhi\u1ec1u CSS. Xem h\u01b0\u1edbng d\u1eabn c\u00e1ch l\u00e0m ngay!\" \/>\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\/text-bootstrap-la-gi\/\" \/>\n<meta property=\"og:locale\" content=\"vi_VN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Text Bootstrap: 10+ c\u00e1ch \u0111\u1ecbnh d\u1ea1ng v\u0103n b\u1ea3n hi\u1ec7u qu\u1ea3 v\u1edbi Bootstrap\" \/>\n<meta property=\"og:description\" content=\"Khi x\u00e2y d\u1ef1ng giao di\u1ec7n web, vi\u1ec7c tr\u00ecnh b\u00e0y v\u0103n b\u1ea3n m\u1ed9t c\u00e1ch r\u00f5 r\u00e0ng, d\u1ec5 \u0111\u1ecdc v\u00e0 \u0111\u1ed3ng nh\u1ea5t l\u00e0 y\u1ebfu t\u1ed1 quan tr\u1ecdng kh\u00f4ng th\u1ec3 thi\u1ebfu. V\u1edbi text Bootstrap, b\u1ea1n\" \/>\n<meta property=\"og:url\" content=\"https:\/\/itviec.com\/blog\/text-bootstrap-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-04-18T16:57:16+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-06-17T07:48:41+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/04\/text-bootstrap-vippro-scaled-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"640\" \/>\n\t<meta property=\"og:image:height\" content=\"337\" \/>\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=\"17 ph\u00fat\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Text Bootstrap: 10+ c\u00e1ch \u0111\u1ecbnh d\u1ea1ng v\u0103n b\u1ea3n hi\u1ec7u qu\u1ea3 v\u1edbi Bootstrap - ITviec Blog","description":"Text Bootstrap gi\u00fap \u0111\u1ecbnh d\u1ea1ng ti\u00eau \u0111\u1ec1, c\u0103n l\u1ec1, x\u1eed l\u00fd tr\u00e0n d\u00f2ng v\u00e0 ch\u1ec9nh ki\u1ec3u ch\u1eef m\u00e0 kh\u00f4ng c\u1ea7n vi\u1ebft nhi\u1ec1u CSS. Xem h\u01b0\u1edbng d\u1eabn c\u00e1ch l\u00e0m ngay!","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\/text-bootstrap-la-gi\/","og_locale":"vi_VN","og_type":"article","og_title":"Text Bootstrap: 10+ c\u00e1ch \u0111\u1ecbnh d\u1ea1ng v\u0103n b\u1ea3n hi\u1ec7u qu\u1ea3 v\u1edbi Bootstrap","og_description":"Khi x\u00e2y d\u1ef1ng giao di\u1ec7n web, vi\u1ec7c tr\u00ecnh b\u00e0y v\u0103n b\u1ea3n m\u1ed9t c\u00e1ch r\u00f5 r\u00e0ng, d\u1ec5 \u0111\u1ecdc v\u00e0 \u0111\u1ed3ng nh\u1ea5t l\u00e0 y\u1ebfu t\u1ed1 quan tr\u1ecdng kh\u00f4ng th\u1ec3 thi\u1ebfu. V\u1edbi text Bootstrap, b\u1ea1n","og_url":"https:\/\/itviec.com\/blog\/text-bootstrap-la-gi\/","og_site_name":"ITviec Blog","article_publisher":"https:\/\/www.facebook.com\/ITviec","article_published_time":"2025-04-18T16:57:16+00:00","article_modified_time":"2025-06-17T07:48:41+00:00","og_image":[{"width":640,"height":337,"url":"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/04\/text-bootstrap-vippro-scaled-1.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":"17 ph\u00fat"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/itviec.com\/blog\/text-bootstrap-la-gi\/#article","isPartOf":{"@id":"https:\/\/itviec.com\/blog\/text-bootstrap-la-gi\/"},"author":{"name":"Ph\u1ea1m H\u1eefu Ng\u1ecdc","@id":"https:\/\/itviec.com\/blog\/#\/schema\/person\/b610b2614c1ef58f6bfccfe68242733c"},"headline":"Text Bootstrap: 10+ c\u00e1ch \u0111\u1ecbnh d\u1ea1ng v\u0103n b\u1ea3n hi\u1ec7u qu\u1ea3 v\u1edbi Bootstrap","datePublished":"2025-04-18T16:57:16+00:00","dateModified":"2025-06-17T07:48:41+00:00","mainEntityOfPage":{"@id":"https:\/\/itviec.com\/blog\/text-bootstrap-la-gi\/"},"wordCount":3644,"publisher":{"@id":"https:\/\/itviec.com\/blog\/#organization"},"image":{"@id":"https:\/\/itviec.com\/blog\/text-bootstrap-la-gi\/#primaryimage"},"thumbnailUrl":"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/04\/text-bootstrap-vippro-scaled-1.jpg","articleSection":["Chuy\u00ean m\u00f4n IT"],"inLanguage":"vi"},{"@type":"WebPage","@id":"https:\/\/itviec.com\/blog\/text-bootstrap-la-gi\/","url":"https:\/\/itviec.com\/blog\/text-bootstrap-la-gi\/","name":"Text Bootstrap: 10+ c\u00e1ch \u0111\u1ecbnh d\u1ea1ng v\u0103n b\u1ea3n hi\u1ec7u qu\u1ea3 v\u1edbi Bootstrap - ITviec Blog","isPartOf":{"@id":"https:\/\/itviec.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/itviec.com\/blog\/text-bootstrap-la-gi\/#primaryimage"},"image":{"@id":"https:\/\/itviec.com\/blog\/text-bootstrap-la-gi\/#primaryimage"},"thumbnailUrl":"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/04\/text-bootstrap-vippro-scaled-1.jpg","datePublished":"2025-04-18T16:57:16+00:00","dateModified":"2025-06-17T07:48:41+00:00","description":"Text Bootstrap gi\u00fap \u0111\u1ecbnh d\u1ea1ng ti\u00eau \u0111\u1ec1, c\u0103n l\u1ec1, x\u1eed l\u00fd tr\u00e0n d\u00f2ng v\u00e0 ch\u1ec9nh ki\u1ec3u ch\u1eef m\u00e0 kh\u00f4ng c\u1ea7n vi\u1ebft nhi\u1ec1u CSS. Xem h\u01b0\u1edbng d\u1eabn c\u00e1ch l\u00e0m ngay!","breadcrumb":{"@id":"https:\/\/itviec.com\/blog\/text-bootstrap-la-gi\/#breadcrumb"},"inLanguage":"vi","potentialAction":[{"@type":"ReadAction","target":["https:\/\/itviec.com\/blog\/text-bootstrap-la-gi\/"]}]},{"@type":"ImageObject","inLanguage":"vi","@id":"https:\/\/itviec.com\/blog\/text-bootstrap-la-gi\/#primaryimage","url":"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/04\/text-bootstrap-vippro-scaled-1.jpg","contentUrl":"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2025\/04\/text-bootstrap-vippro-scaled-1.jpg","width":640,"height":337,"caption":"text bootstrap - itviec blog"},{"@type":"BreadcrumbList","@id":"https:\/\/itviec.com\/blog\/text-bootstrap-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":"Text Bootstrap: 10+ c\u00e1ch \u0111\u1ecbnh d\u1ea1ng v\u0103n b\u1ea3n hi\u1ec7u qu\u1ea3 v\u1edbi 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\/b610b2614c1ef58f6bfccfe68242733c","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\/"}]}},"_links":{"self":[{"href":"https:\/\/itviec.com\/blog\/wp-json\/wp\/v2\/posts\/86047","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\/218"}],"replies":[{"embeddable":true,"href":"https:\/\/itviec.com\/blog\/wp-json\/wp\/v2\/comments?post=86047"}],"version-history":[{"count":1,"href":"https:\/\/itviec.com\/blog\/wp-json\/wp\/v2\/posts\/86047\/revisions"}],"predecessor-version":[{"id":88187,"href":"https:\/\/itviec.com\/blog\/wp-json\/wp\/v2\/posts\/86047\/revisions\/88187"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/itviec.com\/blog\/wp-json\/wp\/v2\/media\/86114"}],"wp:attachment":[{"href":"https:\/\/itviec.com\/blog\/wp-json\/wp\/v2\/media?parent=86047"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/itviec.com\/blog\/wp-json\/wp\/v2\/categories?post=86047"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/itviec.com\/blog\/wp-json\/wp\/v2\/tags?post=86047"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}