{"id":308208,"date":"2024-02-04T16:08:55","date_gmt":"2024-02-04T09:08:55","guid":{"rendered":"https:\/\/hoanghamobile.com\/tin-tuc\/?p=308208"},"modified":"2024-02-04T16:08:55","modified_gmt":"2024-02-04T09:08:55","slug":"bootstrap-cdn","status":"publish","type":"post","link":"https:\/\/hoanghamobile.com\/tin-tuc\/bootstrap-cdn\/","title":{"rendered":"Bootstrap CDN l\u00e0 g\u00ec? C\u00e1ch s\u1eed d\u1ee5ng Bootstrap qua CDN"},"content":{"rendered":"

N\u1ebfu b\u1ea1n \u0111ang b\u1eaft \u0111\u1ea7u h\u1ecdc v\u1ec1 l\u1eadp tr\u00ecnh ho\u1eb7c l\u00e0 ng\u01b0\u1eddi m\u1edbi t\u00ecm hi\u1ec3u v\u1ec1 c\u00e1ch x\u00e2y d\u1ef1ng n\u00ean m\u1ed9t website th\u00ec c\u00f3 th\u1ec3 \u0111\u00e3 nghe t\u1edbi thu\u1eadt ng\u1eef Bootstrap CDN. V\u1eady, Bootstrap l\u00e0 g\u00ec, CDN l\u00e0 g\u00ec? Trong b\u00e0i vi\u1ebft n\u00e0y, h\u00e3y c\u00f9ng Ho\u00e0ng H\u00e0 Mobile t\u00ecm hi\u1ec3u c\u00e1c thu\u1eadt ng\u1eef n\u00e0y v\u00e0 h\u01b0\u1edbng d\u1eabn c\u00e1ch \u0111\u1ec3 s\u1eed d\u1ee5ng Bootstrap qua CDN nh\u00e9. Xem ngay d\u01b0\u1edbi \u0111\u00e2y.\u00a0<\/strong><\/p>\n

Bootstrap CDN l\u00e0 g\u00ec?<\/h2>\n

\u0110\u1ea7u ti\u00ean, h\u00e3y c\u00f9ng t\u00ecm hi\u1ec3u v\u1ec1 kh\u00e1i ni\u1ec7m Bootstrap. \u0110\u00e2y l\u00e0 thu\u1eadt ng\u1eef \u0111\u01b0\u1ee3c hi\u1ec3u l\u00e0 m\u1ed9t Framework trong \u0111\u00f3 bao g\u1ed3m 3 th\u00e0nh ph\u1ea7n c\u01a1 b\u1ea3n: HTML, JavaScript v\u00e0 CSS. Framework l\u00e0 m\u1ed9t \u0111o\u1ea1n m\u00e3 code \u0111\u01b0\u1ee3c vi\u1ebft s\u1eb5n, v\u1edbi\u00a0Bootstrap, n\u00f3 \u0111\u01b0\u1ee3c t\u1ea1o ra \u0111\u1ec3 h\u1ed7 tr\u1ee3 ng\u01b0\u1eddi d\u00f9ng x\u00e2y d\u1ef1ng c\u00e1c trang website theo Responsive.<\/p>\n

Bootstrap cung c\u1ea5p cho ng\u01b0\u1eddi d\u00f9ng m\u1ed9t b\u1ed9 s\u01b0u t\u1eadp c\u00e1c m\u00e3 ngu\u1ed3n, c\u00f4ng c\u1ee5 mi\u1ec5n ph\u00ed m\u00e0 ng\u01b0\u1eddi d\u00f9ng c\u00f3 th\u1ec3 t\u1ea1o m\u1ed9t website \u0111\u1ea7y \u0111\u1ee7 c\u00e1c ph\u1ea7n. T\u1ea5t nhi\u00ean ng\u01b0\u1eddi d\u00f9ng v\u1eabn c\u00f3 th\u1ec3 t\u1ef1 x\u00e2y d\u1ef1ng theo \u00fd th\u00edch, tuy nhi\u00ean Bootstrap s\u1ebd c\u00f3 m\u1ed9t s\u1ed1 ti\u00eau chu\u1ea9n v\u1ec1 m\u00e0u s\u1eafc, \u0111\u1ed9 r\u1ed9ng cho c\u00e1c v\u00f9ng. N\u1ebfu b\u1ea1n \u0111ang l\u00e0m c\u00f4ng vi\u1ec7c designer th\u00ec c\u00f3 th\u1ec3 t\u1ea1o ra website m\u1ed9t c\u00e1ch d\u1ec5 d\u00e0ng, nhanh ch\u00f3ng.<\/p>\n

\"bootstrap-cdn\"<\/picture><\/p>\n

CDN l\u00e0 g\u00ec, \u0111\u00e2y l\u00e0 t\u1eeb vi\u1ebft t\u1eaft c\u1ee7a “Content Delivery Network”. Hi\u1ec3u m\u1ed9t c\u00e1ch \u0111\u01a1n gi\u1ea3n l\u00e0 m\u1ea1ng ph\u00e2n ph\u1ed1i n\u1ed9i dung. CDN s\u1ebd cung c\u1ea5p c\u00f4ng c\u1ee5 t\u1ea3i c\u00e1c t\u1ec7p th\u00f4ng qua Internet m\u1ed9t c\u00e1ch nhanh ch\u00f3ng. H\u1ea7u h\u1ebft ng\u01b0\u1eddi d\u00f9ng s\u1ebd \u01b0u ti\u00ean s\u1eed d\u1ee5ng m\u1ea1ng CDN c\u1ee7a Stackpath khi d\u00f9ng Bootstrap CDN. V\u00ec \u0111\u00e2y l\u00e0 m\u1ea1ng l\u01b0\u1edbi ph\u00e2n ph\u1ed1i n\u1ed9i dung cho 8 tri\u1ec7u website \u0111ang ho\u1ea1t \u0111\u1ed9ng tr\u00ean to\u00e0n th\u1ebf gi\u1edbi.<\/p>\n

\u01afu \u0111i\u1ec3m khi s\u1eed d\u1ee5ng Bootstrap qua CDN<\/h2>\n

T\u00f3m l\u1ea1i th\u00ec, Bootstrap qua CDN s\u1ebd l\u00e0 c\u00f4ng c\u1ee5 h\u1eefu \u00edch d\u00e0nh cho ng\u01b0\u1eddi d\u00f9ng khi mu\u1ed1n x\u00e2y d\u1ef1ng m\u1ed9t website m\u1edbi. B\u1ea1n c\u00f3 th\u1ec3 tham kh\u1ea3o khi c\u00f3 nhu c\u1ea7u x\u00e2y d\u1ef1ng m\u1ed9t website cho kh\u00e1ch h\u00e0ng ho\u1eb7c khi mu\u1ed1n t\u1ef1 t\u1ea1o cho ho\u1ea1t \u0111\u1ed9ng kinh doanh, x\u00e2y d\u1ef1ng k\u00eanh t\u01b0\u01a1ng t\u00e1c c\u1ee7a m\u00ecnh. D\u01b0\u1edbi \u0111\u00e2y l\u00e0 m\u1ed9t s\u1ed1 \u01b0u \u0111i\u1ec3m khi d\u00f9ng c\u00f4ng c\u1ee5 n\u00e0y:<\/p>\n

D\u1ec5 s\u1eed d\u1ee5ng, thao t\u00e1c\u00a0<\/strong><\/h3>\n

\u01afu \u0111i\u1ec3m \u0111\u1ea7u ti\u00ean c\u0169ng l\u00e0 \u01b0u \u0111i\u1ec3m m\u00e0 nhi\u1ec1u ng\u01b0\u1eddi d\u00f9ng tr\u1ea3i nghi\u1ec7m \u0111\u00e1nh gi\u00e1 y\u00eau th\u00edch nh\u1ea5t, \u0111\u00f3 l\u00e0 n\u00f3 d\u1ec5 s\u1eed d\u1ee5ng. Khi s\u1eed d\u1ee5ng Bootstrap qua CDN, b\u1ea1n c\u00f3 th\u1ec3 s\u1eed d\u1ee5ng k\u1ebft h\u1ee3p \u0111\u1ed3ng th\u1eddi HTML, JavaScript, CSS v\u00e0 IDE ho\u1eb7c Editor. V\u00ec th\u1ebf, khi b\u1ea1n c\u1ea7n thay \u0111\u1ed5i Framework, b\u1ea1n c\u00f3 th\u1ec3 tu\u1ef3 ch\u1ec9nh r\u1ea5t d\u1ec5 d\u00e0ng theo \u00fd mu\u1ed1n.<\/p>\n

\"bootstrap-cdn\"<\/picture><\/p>\n

C\u1ea3i thi\u1ec7n t\u1ed1c \u0111\u1ed9 t\u1ea3i trang\u00a0<\/strong><\/h3>\n

Th\u00f4ng th\u01b0\u1eddng, khi v\u00e0o m\u1ed9t website, b\u1ea1n s\u1ebd th\u1ea5y c\u1ea7n ph\u1ea3i ch\u1edd m\u1ed9t v\u00e0i gi\u00e2y \u0111\u1ec3 t\u1ea5t c\u1ea3 c\u00e1c ph\u1ea7n c\u1ee7a website hi\u1ec7n ra ho\u00e0n ch\u1ec9nh. T\u1ea5t nhi\u00ean l\u00e0 vi\u1ec7c ph\u1ea3i ch\u1edd \u0111\u1ee3i qu\u00e1 l\u00e2u th\u00ec s\u1ebd g\u00e2y ra tr\u1ea3i nghi\u1ec7m kh\u00f4ng t\u1ed1t cho ng\u01b0\u1eddi d\u00f9ng. V\u1eady b\u1ea1n c\u00f3 bi\u1ebft t\u1ed1c \u0111\u1ed9 t\u1ea3i c\u1ee7a m\u1ed9t trang \u0111\u01b0\u1ee3c quy\u1ebft \u0111\u1ecbnh nh\u01b0 th\u1ebf n\u00e0o kh\u00f4ng? Tu\u1ef3 v\u00e0o t\u1eebng v\u1ecb tr\u00ed c\u1ee7a m\u00e1y ng\u01b0\u1eddi truy c\u1eadp th\u00ec c\u00e1c t\u1ec7p JavaScript s\u1ebd \u0111\u01b0\u1ee3c t\u1ea3i t\u1eeb m\u00e1y ch\u1ee7 g\u1ea7n nh\u1ea5t.<\/p>\n

\"bootstrap-cdn\"<\/picture><\/p>\n

Khi s\u1eed d\u1ee5ng Bootstrap CDN th\u00ec t\u1ed1c \u0111\u1ed9 t\u1ea3i c\u1ee7a trang s\u1ebd ng\u1eafn h\u01a1n so v\u1edbi khi truy\u1ec1n t\u1ea3i t\u1eeb m\u00e1y ch\u1ee7 g\u1ea7n \u0111\u00f3. Nh\u1edd v\u1eady, ng\u01b0\u1eddi d\u00f9ng c\u00f3 th\u1ec3 truy c\u1eadp v\u00e0o trang web \u0111\u00f3 trong th\u1eddi gian ng\u1eafn nh\u1ea5t.<\/p>\n

Gi\u1ea3m chi ph\u00ed c\u1ee7a b\u0103ng th\u00f4ng\u00a0<\/strong><\/h3>\n

Hi\u1ec7n nay, tr\u00ean th\u1ebf gi\u1edbi c\u00f3 t\u1edbi kho\u1ea3ng 8 tri\u1ec7u website \u0111ang s\u1eed d\u1ee5ng h\u1ec7 th\u1ed1ng Bootstrap qua CDN. V\u00ec th\u1ebf file Bootstrap s\u1ebd l\u01b0u l\u1ea1i m\u1ed9t s\u1ed1 \u0111\u1ecba ch\u1ec9 truy c\u1eadp trong b\u1ed9 nh\u1edb \u0111\u1ec7m c\u1ee7a tr\u00ecnh duy\u1ec7t n\u1ed9i b\u1ed9. Nh\u1edd \u0111\u00f3 n\u00f3 \u0111\u00e3 gi\u1ea3m b\u1edbt chi ph\u00ed b\u0103ng th\u00f4ng v\u00e0 t\u1ed1c \u0111\u1ed9 load c\u1ee7a website t\u0103ng nhanh h\u01a1n.<\/p>\n

\"bootstrap-cdn\"<\/picture><\/p>\n

Website \u0111\u01b0\u1ee3c b\u1ea3o m\u1eadt t\u1ed1t h\u01a1n\u00a0<\/strong><\/h3>\n

CDN l\u00e0 m\u1ed9t m\u1ea1ng ph\u00e2n ph\u1ed1i n\u1ed9i dung c\u00f3 \u0111\u1ed9 b\u1ea3o m\u1eadt r\u1ea5t t\u1ed1t. V\u00ec th\u1ebf khi x\u00e2y d\u1ef1ng website d\u1ef1a tr\u00ean Bootstrap qua GDN, m\u1ee9c \u0111\u1ed9 b\u1ea3o m\u1eadt \u0111\u00e3 t\u0103ng l\u00ean \u0111\u00e1ng k\u1ec3. \u0110\u1ed3ng th\u1eddi, n\u00f3 c\u0169ng gi\u00fap h\u1ea1n ch\u1ebf c\u00e1c t\u00ecnh hu\u1ed1ng website b\u1ecb t\u1ea5n c\u00f4ng b\u1edfi DDoS.<\/p>\n

\"bootstrap-cdn\"<\/picture><\/p>\n

D\u1ec5 thay \u0111\u1ed5i b\u1ed1 c\u1ee5c c\u1ee7a l\u01b0\u1edbi\u00a0<\/strong><\/h3>\n

N\u1ebfu b\u1ea1n \u0111\u00e3 t\u1eebng thi\u1ebft k\u1ebf website ho\u1eb7c \u0111\u00e3 \u0111\u1ecdc qua v\u1ec1 c\u00e1ch thi\u1ebft k\u1ebf website th\u00ec s\u1ebd bi\u1ebft \u0111\u1ebfn kh\u00e1i ni\u1ec7m “l\u01b0\u1edbi”. Trong thi\u1ebft k\u1ebf, l\u01b0\u1edbt \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng \u0111\u1ec3 gi\u00fap c\u00e1c designer d\u1ec5 d\u00e0ng ch\u1ecdn b\u1ed1 c\u1ee5c v\u00e0 s\u1eafp x\u1ebfp c\u00e1c th\u00e0nh ph\u1ea7n cho giao di\u1ec7n. Th\u00f4ng th\u01b0\u1eddng th\u00ec h\u1ec7 th\u1ed1ng l\u01b0\u1edbi c\u1ee7a Bootstrap CDN s\u1ebd c\u00f3 kho\u1ea3ng 12 c\u1ed9t v\u00e0 4 layer. Nh\u01b0ng khi ng\u01b0\u1eddi d\u00f9ng mu\u1ed1n thay \u0111\u1ed5i b\u1ed1 c\u1ee5c, h\u1ecd c\u00f3 th\u1ec3 \u0111i\u1ec1u ch\u1ec9nh r\u1ea5t d\u1ec5 d\u00e0ng tr\u00ean m\u00e1y t\u00ednh th\u1eadm ch\u00ed l\u00e0 tr\u00ean c\u00e1c thi\u1ebft b\u1ecb \u0111i\u1ec7n tho\u1ea1i, m\u00e1y t\u00ednh b\u1ea3ng,…<\/p>\n

\"bootstrap-cdn\"<\/picture><\/p>\n

Nhi\u1ec1u t\u00e0i nguy\u00ean mi\u1ec5n ph\u00ed\u00a0<\/strong><\/h3>\n

Bootstrap qua CDN c\u00f3 r\u1ea5t nhi\u1ec1u ngu\u1ed3n t\u00e0i nguy\u00ean mi\u1ec5n ph\u00ed cho ng\u01b0\u1eddi d\u00f9ng. V\u00ec th\u1ebf n\u1ebfu b\u1ea1n \u0111ang b\u1eaft \u0111\u1ea7u thi\u1ebft k\u1ebf website, \u0111\u00e2y ch\u1eafc ch\u1eafn l\u00e0 s\u1ef1 l\u1ef1a ch\u1ecdn h\u1ee3p l\u00fd cho b\u1ea1n. C\u00f4ng c\u1ee5 n\u00e0y \u0111\u1eb7c bi\u1ec7t ph\u00f9 h\u1ee3p v\u1edbi nh\u1eefng ng\u01b0\u1eddi m\u1edbi ho\u1eb7c ngay c\u1ea3 nh\u1eefng ng\u01b0\u1eddi \u0111\u00e3 l\u00e0m vi\u1ec7c l\u00e2u n\u0103m trong l\u0129nh v\u1ef1c n\u00e0y.<\/p>\n

C\u00f3 th\u1ec3 t\u00edch h\u1ee3p plugin JavaScript kh\u00e1c<\/strong><\/h3>\n

Khi s\u1eed d\u1ee5ng Bootstrap qua CDN, ng\u01b0\u1eddi d\u00f9ng c\u00f3 th\u1ec3 d\u1ec5 d\u00e0ng t\u00edch h\u1ee3p th\u00eam c\u00e1c plugin JavaScript kh\u00e1c \u0111\u1ec3 thi\u1ebft k\u1ebf v\u00e0 l\u00e0m cho website tr\u00f4ng \u0111\u1eb9p m\u1eaft h\u01a1n. N\u00f3 c\u0169ng ph\u00f9 h\u1ee3p khi mu\u1ed1n thi\u1ebft k\u1ebf website ph\u1ee9c t\u1ea1p v\u1edbi nhi\u1ec1u t\u00ednh n\u0103ng c\u1ea7n t\u00edch h\u1ee3p.<\/p>\n

\"bootstrap-cdn\"<\/picture><\/p>\n

H\u01b0\u1edbng d\u1eabn c\u00e1ch s\u1eed d\u1ee5ng Bootstrap CDN<\/h2>\n

Sau \u0111\u00e2y Ho\u00e0ng H\u00e0 Mobile s\u1ebd h\u01b0\u1edbng d\u1eabn b\u1ea1n c\u00e1ch \u0111\u1ec3 li\u00ean k\u1ebft Bootstrap tr\u00ean m\u00e1y ch\u1ee7 CDN v\u00e0 c\u00e1ch d\u00f9ng Bootstrap v\u00e0 Bootstrap 5.<\/p>\n

Li\u00ean k\u1ebft Bootstrap tr\u00ean m\u00e1y CDN<\/h3>\n

B\u01b0\u1edbc 1: \u0110\u1ec3 c\u00f3 th\u1ec3 li\u00ean k\u1ebft Bootstrap v\u1edbi m\u00e1y CDN, b\u1ea1n c\u1ea7n x\u00e2y m\u1ed9t t\u1ec7p HTML c\u01a1 b\u1ea3n. B\u1ea1n c\u1ea7n s\u1eed d\u1ee5ng tr\u00ecnh so\u1ea1n th\u1ea3o m\u00e3 code \u0111\u1ec3 t\u1ea1o m\u1ed9t t\u1ec7p. Trong \u0111\u00f3 s\u1ebd c\u1ea7n c\u00f3 tags c\u1ea5p quy\u1ec1n cho t\u00ednh n\u0103ng zoom to, nh\u1ecf. T\u1ec7p n\u00e0y s\u1ebd gi\u00fap cho website c\u00f3 th\u1ec3 t\u01b0\u01a1ng th\u00edch ngay c\u1ea3 khi ng\u01b0\u1eddi d\u00f9ng xem tr\u00ean c\u00e1c thi\u1ebft b\u1ecb di \u0111\u1ed9ng nh\u01b0 \u0111i\u1ec7n tho\u1ea1i hay m\u00e1y t\u00ednh b\u1ea3ng.<\/p>\n

B\u01b0\u1edbc 2: B\u1ea1n c\u1ea7n chuy\u1ec3n \u0111\u1ed5i t\u1ec7p tr\u00ean th\u00e0nh m\u1eabu Bootstrap. C\u00e1c t\u1ec7p Bootstrap CSS v\u00e0 JavaScript \u0111\u1ec1u c\u1ea7n th\u00f4ng qua li\u00ean k\u1ebft CDN. \u1ede cu\u1ed1i trang b\u1ea1n c\u1ea7n \u0111\u1ec3 t\u1ec7p JavaScript \u0111\u1ec3 website \u0111\u1ea1t hi\u1ec7u su\u1ea5t t\u1ed1t.<\/p>\n

\"bootstrap-cdn\"<\/picture><\/p>\n

B\u01b0\u1edbc 3: Sau khi \u0111i\u1ec1u ch\u1ec9nh xong, b\u1ea1n c\u1ea7n l\u01b0u l\u1ea1i file v\u00e0o m\u00e1y t\u00ednh c\u1ee7a m\u00ecnh. B\u1ea1n l\u01b0u \u00fd c\u1ea7n ph\u1ea3i l\u01b0u t\u1ec7p c\u00f3 \u0111u\u00f4i m\u1edf r\u1ed9ng d\u1ea1ng “html”. M\u1ed9t s\u1ed1 tr\u00ecnh so\u1ea1n th\u1ea3o s\u1ebd m\u1eb7c \u0111\u1ecbnh l\u01b0u file d\u1ea1ng “.txt”. B\u1ea1n c\u00f3 th\u1ec3 l\u01b0u v\u00ed d\u1ee5 nh\u01b0 “bootstrap-template.html” ch\u1eb3ng h\u1ea1n.<\/p>\n

Sau khi li\u00ean k\u1ebft xong, b\u1ea1n c\u00f3 th\u1ec3 b\u1eaft \u0111\u1ea7u s\u1eed d\u1ee5ng Bootstrap qua CDN v\u1edbi c\u00e1c thao t\u00e1c d\u01b0\u1edbi \u0111\u00e2y.<\/p>\n

S\u1eed d\u1ee5ng Bootstrap CDN<\/h3>\n

B\u01b0\u1edbc 1: b\u1ea1n c\u1ea7n nh\u00fang file stylesheet v\u00e0 JavaScript sau v\u00e0o th\u1ebb <head><\/p>\n

<link rel=”stylesheet” href=”https:\/\/stackpath.bootstrapcdn.com\/bootstrap\/4.5.2\/css\/bootstrap.min.css” integrity=”sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z” crossorigin=”anonymous”> <\/strong><\/p>\n

B\u01b0\u1edbc 2: B\u1ea1n h\u00e3y sao ch\u00e9p \u0111o\u1ea1n code sau \u0111\u00e2y v\u00e0o t\u1ec7p JavaScript c\u1ee7a jQuery, Popper.js v\u00e0 Bootstrap \u0111\u1ec3 ho\u00e0n t\u1ea5t th\u1ebb <body><\/p>\n

<script src=”https:\/\/code.jquery.com\/jquery-3.5.1.slim.min.js” integrity=”sha384-DfXdz2htPH0lsSSs5nCTpuj\/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj” crossorigin=”anonymous”><\/script> <script src=”https:\/\/cdn.jsdelivr.net\/npm\/popper.js@1.16.1\/dist\/umd\/popper.min.js” integrity=”sha384-9\/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN” crossorigin=”anonymous”><\/script> <script src=”https:\/\/stackpath.bootstrapcdn.com\/bootstrap\/4.5.2\/js\/bootstrap.min.js” integrity=”sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8\/KUEfYiJOMMV+rV” crossorigin=”anonymous”><\/script> <\/strong><\/p>\n

\"bootstrap-cdn\"<\/picture><\/p>\n

S\u1eed d\u1ee5ng Bootstrap 5 qua CDN<\/h3>\n

N\u1ebfu b\u1ea1n kh\u00f4ng mu\u1ed1n ph\u1ee5 thu\u1ed9c v\u00e0o jQuery th\u00ec c\u00f3 th\u1ec3 s\u1eed d\u1ee5ng Bootstrap CDN 5 trong qu\u00e1 tr\u00ecnh t\u1ea1o m\u00e3 code.<\/p>\n

B\u01b0\u1edbc 1: B\u1ea1n th\u00eam \u0111o\u1ea1n m\u00e3 file stylesheet sau \u0111\u00e2y v\u00e0o th\u1ebb <head> c\u1ee7a HTML:<\/p>\n

<link rel=”stylesheet” href=”https:\/\/stackpath.bootstrapcdn.com\/bootstrap\/5.0.0-alpha1\/css\/bootstrap.min.css” integrity=”sha384-r4NyP46KrjDleawBgD5tp8Y7UzmLA05oM1iAEQ17CSuDqnUK2+k9luXQOfXJCJ4I” crossorigin=”anonymous”><\/strong><\/p>\n

B\u01b0\u1edbc 2: Sau \u0111\u00f3, b\u1ea1n h\u00e3y th\u00eam 2 file JavaScript d\u01b0\u1edbi \u0111\u00e2y \u0111\u1ec3 ho\u00e0n t\u1ea5t th\u1ebb <body> l\u00e0 xong.<\/p>\n

<script src=”https:\/\/cdn.jsdelivr.net\/npm\/popper.js@1.16.0\/dist\/umd\/popper.min.js” integrity=”sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo” crossorigin=”anonymous”><\/script> <script src=”https:\/\/stackpath.bootstrapcdn.com\/bootstrap\/5.0.0-alpha1\/js\/bootstrap.min.js” integrity=”sha384-oesi62hOLfzrys4LxRF63OJCXdXDipiYWBnvTl9Y9\/TRlw5xlKIEHpNyvvDShgf\/” crossorigin=”anonymous”><\/script><\/strong><\/p>\n

\"bootstrap-cdn\"<\/picture><\/p>\n

S\u1ef1 kh\u00e1c bi\u1ec7t gi\u1eefa Bootstrap v\u00e0 Bootstrap 5 ch\u00ednh l\u00e0 \u1edf vi\u1ec7c c\u00f3 d\u00f9ng jQuery kh\u00f4ng. Khi s\u1eed d\u1ee5ng jQuery, ng\u01b0\u1eddi d\u00f9ng c\u00f3 th\u1ec3 t\u1ea1o ra nhi\u1ec1u ti\u1ec7n \u00edch th\u00f4ng qua Plugin JavaScript, ho\u1eb7c c\u00e1c h\u00ecnh \u0111\u1ed9ng c\u1ee7a CSS. B\u1ea1n c\u0169ng c\u00f3 th\u1ec3 th\u00eam c\u00e1c t\u00ednh n\u0103ng \u0111\u1ed9ng v\u00e0o website c\u1ee7a m\u00ecnh \u0111\u1ec3 n\u00e2ng cao tr\u1ea3i nghi\u1ec7m th\u1ecb gi\u00e1c cho ng\u01b0\u1eddi xem. jQuery c\u0169ng s\u1ebd lo\u1ea1i tr\u1eeb \u0111\u01b0\u1ee3c c\u00e1c d\u1eef li\u1ec7u t\u1eeb v\u1ecb tr\u00ed c\u00e0i \u0111\u1eb7t. T\u1ea5t nhi\u00ean \u0111i\u1ec1u n\u00e0y ph\u1ee5 thu\u1ed9c v\u00e0o nhu c\u1ea7u c\u1ee7a b\u1ea1n.<\/p>\n

T\u1ea1i sao b\u1ea1n n\u00ean s\u1eed d\u1ee5ng Bootstrap CDN \u0111\u1ec3 x\u00e2y d\u1ef1ng website?<\/h2>\n

Sau \u0111\u00e2y l\u00e0 nh\u1eefng l\u00fd do m\u00e0 b\u1ea1n n\u00ean s\u1eed d\u1ee5ng Bootstrap khi thi\u1ebft k\u1ebf website:<\/p>\n

Thao t\u00e1c nhanh ch\u00f3ng, ti\u1ec7n l\u1ee3i<\/h3>\n

N\u1ebfu b\u1ea1n l\u00e0 m\u1ed9t ng\u01b0\u1eddi m\u1edbi ho\u1eb7c \u0111\u00e3 l\u00e0m thi\u1ebft k\u1ebf website l\u00e2u n\u0103m, Bootstrap c\u00f3 r\u1ea5t nhi\u1ec1u l\u1ee3i \u00edch. V\u00ed d\u1ee5 nh\u01b0 c\u00e1c \u0111o\u1ea1n code c\u1ee7a n\u00f3 \u0111\u00e3 \u0111\u01b0\u1ee3c t\u1ea1o s\u1eb5n, n\u00ean khi l\u00e0m ng\u01b0\u1eddi d\u00f9ng ch\u1ec9 c\u1ea7n k\u1ebft h\u1ee3p c\u00f9ng v\u1edbi CSS thay v\u00ec ph\u1ea3i t\u1ef1 vi\u1ebft. Nh\u1edd \u0111\u00f3 b\u1ea1n c\u00f3 th\u1ec3 ti\u1ebft ki\u1ec7m th\u1eddi gian v\u00e0 x\u00e2y d\u1ef1ng \u0111\u01b0\u1ee3c c\u00e1c website nhanh h\u01a1n.<\/p>\n

\"bootstrap-cdn\"<\/picture><\/p>\n

Linh ho\u1ea1t, nhi\u1ec1u c\u00f4ng c\u1ee5 thi\u1ebft k\u1ebf<\/h3>\n

Bootstrap qua CDN c\u00f3 r\u1ea5t nhi\u1ec1u c\u00f4ng c\u1ee5 thi\u1ebft k\u1ebf \u0111\u1ec3 ng\u01b0\u1eddi d\u00f9ng tho\u1ea3 s\u1ee9c s\u00e1ng t\u1ea1o v\u1edbi c\u00e1c k\u00edch th\u01b0\u1edbc, m\u00e0u s\u1eafc kh\u00e1c nhau. B\u1ea1n c\u00f3 th\u1ec3 tu\u1ef3 ch\u1ec9nh linh ho\u1ea1t khi d\u00f9ng tr\u00ean \u0111i\u1ec7n tho\u1ea1i hay m\u00e1y t\u00ednh b\u00e0n. B\u00ean c\u1ea1nh vi\u1ec7c thi\u1ebft k\u1ebf, b\u1ea1n c\u0169ng c\u00f3 th\u1ec3 mua c\u00e1c template s\u1eb5n v\u00e0 ch\u1ec9nh l\u1ea1i cho ph\u00f9 h\u1ee3p v\u1edbi nhu c\u1ea7u c\u1ee7a m\u00ecnh.<\/p>\n

\"bootstrap-cdn\"<\/picture><\/p>\n

T\u01b0\u01a1ng th\u00edch t\u1ed1t tr\u00ean nhi\u1ec1u tr\u00ecnh duy\u1ec7t<\/h3>\n

H\u1ea7u h\u1ebft khi x\u00e2y d\u1ef1ng website s\u1ebd c\u1ea7n ch\u00fa \u00fd xem n\u00f3 c\u00f3 th\u1ec3 ho\u1ea1t \u0111\u1ed9ng tr\u00ean \u0111a d\u1ea1ng tr\u00ecnh duy\u1ec7t kh\u00f4ng. V\u00ec \u0111i\u1ec1u n\u00e0y s\u1ebd \u1ea3nh h\u01b0\u1edfng tr\u1ef1c ti\u1ebfp \u0111\u1ebfn tr\u1ea3i nghi\u1ec7m c\u1ee7a ng\u01b0\u1eddi d\u00f9ng. v\u1edbi Bootstrap CDN, b\u1ea1n c\u00f3 th\u1ec3 y\u00ean t\u00e2m n\u00f3 t\u01b0\u01a1ng th\u00edch t\u1ed1t tr\u00ean t\u1ea5t c\u1ea3 c\u00e1c tr\u00ecnh duy\u1ec7t ph\u1ed5 bi\u1ebfn nh\u01b0 Firefox, Chrome, ho\u1eb7c Safari c\u1ee7a Apple. M\u1ed9t s\u1ed1 tr\u00ecnh duy\u1ec7t kh\u00e1c nh\u01b0 Microsoft Edge c\u0169ng \u0111\u01b0\u1ee3c h\u1ed7 tr\u1ee3.<\/p>\n

\"bootstrap-cdn\"<\/picture><\/p>\n

Tu\u1ef3 ch\u1ec9nh d\u1ec5 d\u00e0ng<\/h3>\n

Khi s\u1eed d\u1ee5ng Bootstrap qua CDN, b\u1ea1n c\u00f3 th\u1ec3 tu\u1ef3 ch\u1ec9nh c\u00e1c t\u00ednh n\u0103ng th\u00eam v\u00e0o website c\u1ee7a m\u00ecnh. C\u00f4ng c\u1ee5 n\u00e0y cho ph\u00e9p b\u1ea1n tu\u1ef3 ch\u1ec9nh d\u1ec5 d\u00e0ng, linh ho\u1ea1t. Sau \u0111\u00f3 b\u1ea1n c\u00f3 th\u1ec3 t\u1ea3i xu\u1ed1ng b\u1ea3n tu\u1ef3 ch\u1ec9nh c\u1ee7a m\u00ecnh v\u00e0 b\u1eaft \u0111\u1ea7u \u1ee9ng d\u1ee5ng. Vi\u1ec7c tu\u1ef3 ch\u1ec9nh n\u00e0y s\u1ebd ph\u1ee5 thu\u1ed9c v\u00e0o th\u00f4ng s\u1ed1 k\u1ef9 thu\u1eadt ri\u00eang.<\/p>\n

\"bootstrap-cdn\"<\/picture><\/p>\n

C\u1ed9ng \u0111\u1ed3ng ng\u01b0\u1eddi d\u00f9ng<\/h3>\n

M\u1ed9t \u01b0u \u0111i\u1ec3m kh\u00e1c khi s\u1eed d\u1ee5ng Bootstrap qua CDN \u0111\u00f3 l\u00e0 n\u00f3 c\u00f3 s\u1ed1 l\u01b0\u1ee3ng ng\u01b0\u1eddi d\u00f9ng r\u1ea5t l\u1edbn. V\u00ec th\u1ebf khi s\u1eed d\u1ee5ng, n\u1ebfu b\u1ea1n g\u1eb7p v\u1ea5n \u0111\u1ec1 g\u00ec c\u1ea7n h\u1ecfi \u0111\u00e1p, b\u1ea1n c\u00f3 th\u1ec3 t\u00ecm hi\u1ec3u th\u00f4ng qua t\u00e0i li\u1ec7u ho\u1eb7c c\u1ed9ng \u0111\u1ed9ng ng\u01b0\u1eddi d\u00f9ng. C\u00f3 m\u1ed9t s\u1ed1 di\u1ec5n \u0111\u00e0n b\u1ea1n c\u00f3 th\u1ec3 trao \u0111\u1ed5i v\u1ec1 vi\u1ec7c x\u00e2y d\u1ef1ng website th\u00f4ng qua Bootstrap \u0111\u00f3 l\u00e0 Github ho\u1eb7c m\u1ed9t s\u1ed1 h\u1ed9i nh\u00f3m tr\u00ean Facebook.<\/p>\n

\"bootstrap-cdn\"<\/picture><\/p>\n

M\u1ed9t s\u1ed1 c\u00e2u h\u1ecfi kh\u00e1c khi s\u1eed d\u1ee5ng Bootstrap CDN<\/h2>\n

Bootstrap c\u00f3 \u0111\u01b0\u1ee3c d\u00f9ng mi\u1ec5n ph\u00ed kh\u00f4ng?<\/strong> – C\u00f4ng c\u1ee5 n\u00e0y \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng mi\u1ec5n ph\u00ed v\u00e0 b\u1ea1n c\u00f3 th\u1ec3 truy c\u1eadp d\u1ec5 d\u00e0ng khi mu\u1ed1n thi\u1ebft k\u1ebf website. Tuy nhi\u00ean n\u1ebfu b\u1ea1n mu\u1ed1n s\u1eed d\u1ee5ng Bootstrap Studio th\u00ec s\u1ebd c\u1ea7n tr\u1ea3 th\u00eam m\u1ed9t kho\u1ea3n ph\u00ed. C\u00f2n v\u1edbi c\u00f4ng c\u1ee5 mi\u1ec5n ph\u00ed th\u00ec v\u1eabn c\u00f3 th\u1ec3 s\u1eed d\u1ee5ng c\u00e1c c\u00f4ng c\u1ee5 c\u01a1 b\u1ea3n \u0111\u1ea7y \u0111\u1ee7 \u0111\u1ec3 thi\u1ebft k\u1ebf website.<\/p>\n

\"bootstrap-cdn\"<\/picture><\/p>\n

T\u00ecm t\u00e0i li\u1ec7u v\u1ec1 Bootstrap, Bootstrap 5 \u1edf \u0111\u00e2u?<\/strong> – Tr\u00ean th\u1ef1c t\u1ebf, \u0111\u1ed9i ng\u0169 ph\u00e1t tri\u1ec3n Bootstrap c\u00f3 m\u1ed9t b\u1ed9 t\u00e0i li\u1ec7u \u0111\u1ea7y \u0111\u1ee7 \u0111\u1ec3 h\u01b0\u1edbng d\u1eabn cho ng\u01b0\u1eddi m\u1edbi b\u1eaft \u0111\u1ea7u n\u00ean b\u1ea1n c\u0169ng s\u1ebd kh\u00f4ng g\u1eb7p qu\u00e1 nhi\u1ec1u kh\u00f3 kh\u0103n \u0111\u1ec3 thao t\u00e1c \u0111\u00e2u. T\u00e0i li\u1ec7u s\u1ebd bao g\u1ed3m c\u00e1c ki\u1ebfn th\u1ee9c li\u00ean quan \u0111\u1ebfn Layout, Content, Extend, Components,… V\u1edbi c\u00f4ng c\u1ee5 n\u00e0y, ng\u01b0\u1eddi d\u00f9ng c\u00f3 th\u1ec3 d\u1ec5 d\u00e0ng t\u1ea1o website cho m\u00ecnh. B\u1ea1n c\u0169ng c\u00f3 th\u1ec3 t\u00ecm ki\u1ebfm c\u00e1c c\u1ed9ng \u0111\u1ed3ng chia s\u1ebb v\u1ec1 Bootstrap n\u1ebfu c\u00f3 c\u00e1c c\u00e2u h\u1ecfi c\u1ea7n \u0111\u01b0\u1ee3c gi\u1ea3i \u0111\u00e1p nh\u00e9.<\/p>\n

T\u1ea1m k\u1ebft<\/h2>\n

Ho\u00e0ng H\u00e0 Mobile \u0111\u00e3 gi\u1edbi thi\u1ec7u cho b\u1ea1n th\u00f4ng tin v\u1ec1 Bootstrap CDN v\u00e0 c\u00e1ch \u0111\u1ec3 s\u1eed d\u1ee5ng c\u00f4ng c\u1ee5 n\u00e0y. N\u1ebfu b\u1ea1n \u0111ang c\u00f3 nhu c\u1ea7u thi\u1ebft k\u1ebf website h\u00e3y tham kh\u1ea3o b\u00e0i vi\u1ebft tr\u00ean nh\u00e9.<\/p>\n

Tr\u00ean \u0111\u00e2y l\u00e0 b\u00e0i vi\u1ebft th\u00f4ng tin v\u1ec1 Bootstrap CDN. N\u1ed9i dung n\u00e0y c\u00f3 h\u1eefu \u00edch v\u1edbi b\u1ea1n kh\u00f4ng? H\u00e3y \u0111\u1ec3 l\u1ea1i comment b\u00ean d\u01b0\u1edbi nh\u00e9. Ho\u00e0ng H\u00e0 Mobile s\u1ebd ti\u1ebfp t\u1ee5c c\u1eadp nh\u1eadt th\u00f4ng tin trong th\u1eddi gian t\u1edbi. H\u00e3y theo d\u00f5i trang tin t\u1ee9c Ho\u00e0ng H\u00e0 Mobile<\/b>\u00a0\u0111\u1ec3 c\u1eadp nh\u1eadt nh\u1eefng th\u00f4ng tin c\u00f4ng ngh\u1ec7 m\u1edbi nh\u1ea5t nh\u00e9. V\u00e0 \u0111\u1eebng qu\u00ean truy c\u1eadp k\u00eanh YouTube\u00a0Ho\u00e0ng H\u00e0 Channel<\/b>\u00a0\u0111\u1ec3 c\u1eadp nh\u1eadt nhi\u1ec1u h\u01a1n nh\u1eefng tin t\u1ee9c c\u00f4ng ngh\u1ec7 n\u00f3ng h\u1ed5i.<\/p>\n

Xem th\u00eam:<\/p>\n