Devdit
 

Bootstrap CDN คืออะไร มีประโยชน์อย่างไร

2.3K

Bootstrap CDN คือวิธีการติดตั้ง Bootstrap Framework ผ่านลิงก์ของผู้ให้บริการอีกทีหนึ่ง ไม่ต้องดาวน์โหลดไฟล์ JS CSS และอื่นๆ มาเก็บไว้ใน Server ช่วยประหยัดเวลา และติดตั้งได้ง่าย มีขั้นตอนดังนี้

 

ตัวอย่าง Bootstrap CDN คืออะไร มีประโยชน์อย่างไร

1. ข้อดี ติดตั้งง่ายเพียงคัดลอกโค้ดมาวางในตำแหน่งที่ถูกต้องก็สามารถใช้งาน Bootstrap ได้เลย

2. ข้อเสีย ตลอดเวลาที่ใช้งาน Bootstrap แบบ CDN ต้องต่ออินเทอร์เน็ตตลอด

 

ตัวอย่าง วิธีติดตั้ง Bootstrap ผ่าน jsDelivr CDN

1. เข้าเว็บไซต์ Bootstrap ตามลิงก์ด้านล่าง

https://getbootstrap.com/docs/5.2/getting-started/download/#cdn-via-jsdelivr

2. คัดลอกโค้ดไปวางภายในแท็ก head ของเว็บไซต์ โดยจะมีไฟล์ bootstrap.min.css และ bootstrap.bundle.min.js เป็นการเสร็จสิ้นขั้นตอนการติดตั้ง Bootstrap ผ่าน CDN

<head>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-0evHe/X+R7YkIZDRvuzKMRqM+OrBnVFBL6DOitfPri4tjfHxaWutUpFmBp4vmVor" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/js/bootstrap.bundle.min.js" integrity="sha384-pprn3073KE6tl6bjs2QrFaJGz5/SUsLqktiwsUTF55Jfv3qYSDhgCecCxMW52nD2" crossorigin="anonymous"></script>
</head>

คำอธิบาย

Bootstrap CDN คือการติดตั้ง Bootstrap ผ่านการโหลดไฟล์จากลิงก์ URL ของผู้ให้บริการ แทนที่จะดาวน์โหลดไฟล์มาเก็บไว้ใน Server ซึ่งเป็นวิธีแบบเดิม โดย Bootstrap CDN เป็นขั้นตอนที่ง่าย สะดวก และทำให้การติดตั้งทำได้อย่างรวดเร็ว แต่การใช้งาน Bootstrap CDN นั้นต้องต่ออินเทอร์เน็ตตลอดเวลา

แก้ไข 2 ปีที่แล้ว
ชอบ
ลิ้งก์
แชร์
Devdit มีช่อง YouTube แล้ว
เราสร้างวิดีโอเกี่ยวกับเทคโนโลยี ทำตามง่ายๆ