Bootstrap5 CDN คือ Content Delivery Network ของ Bootstrap 5 ซึ่งเป็นเฟรมเวิร์ก front-end ยอดนิยมที่ช่วยให้นักพัฒนาเว็บสร้างเว็บไซต์ responsive ได้ง่ายขึ้น
CDN ทำงานอย่างไร
CDN เก็บสำเนาไฟล์ Bootstrap 5 ไว้บนเซิร์ฟเวอร์ทั่วโลก เมื่อผู้ใช้เข้าชมเว็บไซต์ของคุณ CDN จะส่งไฟล์ Bootstrap 5 จากเซิร์ฟเวอร์ที่ใกล้กับผู้ใช้มากที่สุด ช่วยให้เว็บไซต์ของคุณโหลดได้เร็วขึ้น
วิธีใช้ Bootstrap5 CDN
มีสองวิธีหลักในการใช้ Bootstrap5 CDN:
- เพิ่มลิงก์ CDN ไปยัง head ของ HTML ของคุณ:
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Bootstrap 5 CDN</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css">
</head>
<body>
<h1>Hello, world!</h1>
</body>
</html>
- ใช้ NPM:
Shell
npm install bootstrap@5.0.2
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Bootstrap 5 CDN</title>
</head>
<body>
<h1>Hello, world!</h1>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>
ข้อดีของการใช้ Bootstrap5 CDN:
- โหลดเว็บไซต์ของคุณเร็วขึ้น
- ลดขนาดไฟล์
- เพิ่มประสิทธิภาพ SEO
- เข้าถึงผู้ใช้ทั่วโลกได้ง่ายขึ้น
แหล่งข้อมูล
- Bootstrap CDN: [URL ที่ไม่ถูกต้องถูกนำออกแล้ว]
- Bootstrap CDN Tutorial: https://www.youtube.com/watch?v=YPNqArP6RAo
หวังว่าจะเป็นประโยชน์!
แหล่งที่มา
- medium.com/samsung-internet-dev/making-an-ar-game-with-aframe-529e03ae90cb
- github.com/Ahsan5313/SymbolJs
- github.com/kinjalvegad/php.php
