วิธีติดตั้ง Bootstrap CDN

วิธีติดตั้ง-bootstrap-social(bootstrap คืออะไร)

Written by admin

28 มีนาคม 2021

วิธีติดตั้ง Bootstrap CDN

Ads



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

Bootstrap CDN v.3.3.7 // เพียงแค่ใช้ลิงก์Bootstrap CDNเหล่านี้.

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">

<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>

Bootstrap CDN v.4.1.3 // วิธีติดตั้งโดยการดึงข้อมูลแบบออนไลน์

CSS

คัดลอกและวางสไตล์ชีตในแท็ก  วางที่หลังเปิดแท็ก <head> แหละก่อนปิด แท็ก </head>

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">

JS (JAVA Script)

คอมโพเนนต์จำนวนมากต้องการการใช้ JavaScript ในการทำงาน โดยเฉพาะ ต้องการ jQuery , Popper.js และปลั๊กอิน JavaScript วางในตำแหน่ง หลังเปิด <body> และก่อนปิด </body> 

<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>

ตัวอย่าง

<!doctype html>
<html lang="en,th">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">

    <title>Aoo Studio!</title>
  </head>
  <body>
    <h1>Aoo Studio!</h1>

    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
  </body>
</html>

.

Ads



ทำเว็บไซต์บริษัท ออกแบบเว็บไซต์บริษัท ราคาถูก เว็บไซต์แสดงโปรไฟล์บริษัท ทำเว็บไซต์องค์กร ออกแบบเว็บไซต์ใหม่ทั้งระบบ ทีมงานมืออาชีพที่ใส่ใจคุณ

Aoo Studio Digital 2U ให้บริการรับวางระบบ ไอที ซัพพอร์ต การตลาดดิจิตอล ทำเว็บไซต์ One Page ทำเว็บไซต์บริษัท

zixzax ทำเว็บไซต์ - ออกแบบเว็บไซต์ - ตัวอย่างเว็บไซต์

บทความที่เกี่ยวข้อง

Array คืออะไร เรียนรู้โครงสร้างข้อมูลอาร์เรย์

Array (อาร์เรย์) คือชุดของรายการที่จัดเก็บไว้ในตำแหน่งหน่วยความจำที่อยู่ติดกัน แนวคิดคือการจัดเก็บสิ่งของประเภทเดียวกันหลายรายการไว้ด้วยกัน

Api (Application programming interface) คืออะไร

Api (Application programming interface) คือ ส่วนต่อประสานโปรแกรมประยุกต์ หมายถึง วิธีการที่ระบบปฏิบัติการ ไลบรารี...

bootstrap คืออะไร ?

bootstrap คือ เทมเพลตการการจัดรูปแบบ HTML และ CSS สำหรับสำหรับเว็บไซต์ รวมทั้งปลั๊กอิน JavaScript โดย Bootstrap...

คำสั่ง php info คือ

คำสั่ง php info คือ คำสั่งที่ใช้เพื่อดูเวอร์ชั่น PHP และดูข้อมูลของ Hosting ง่ายๆ ด้วยการสร้างไฟล์ phpinfo.php จากนั้น เมื่อเราทำการสร้างไฟล์

วิธีจัดรูปแบบข้อความภาษา HTML

องค์ประกอบ การจัดรูปแบบข้อความภาษา HTML เพื่อแสดงข้อความประเภทพิเศษ HTML ใช้องค์ประกอบเช่นและสำหรับการส่งออกการจัดรูปแบบเช่นตัวหนาหรือตัวเอีย

PHP คืออะไร ?

ภาษา php คืออะไร  PHP เป็นตัวย่อสำหรับ "PHP: Hypertext Preprocessor"PHP...

ภาษา html คืออะไร ?

ภาษา html คืออะไร สำหรับภาษา html เป็นภาษามาร์คอัปมาตรฐานสำหรับการสร้างเว็บเพจ หรือการทำเว็บไซต์ HTML ย่อมาจาก Hyper...

บทความอื่นๆ ที่คุณอาจสนใจ

Non-Fungible Token (NFT) คืออะไร

Non-Fungible Token (NFT) คืออะไร

NFT (Non-Fungible Token) คือสินทรัพย์ดิจิทัลที่แสดงถึงวัตถุในโลกแห่งความเป็นจริง เช่น ศิลปะ ดนตรี...

P2P (Peer-To-Peer) คืออะไร

P2P (Peer-To-Peer) คืออะไร

peer to peer network (P2P) เป็นเครือข่ายคอมพิวเตอร์ธรรมดา เกิดขึ้นครั้งแรกในปลายทศวรรษ...

Internet of Things (IOT) คืออะไร?

Internet of Things (IOT) คืออะไร?

บทนำสั้นๆ เกี่ยวกับ Internet of Things (IOT) อนาคตของ IOT : สิ่งที่เราคาดหวังได้จากมัน Internet of Things คือ...

Phishing (ฟิชชิ่ง) คืออะไร

Phishing (ฟิชชิ่ง) คืออะไร

Phishing (ฟิชชิ่ง) คือการหลอกลวงทางอินเทอร์เน็ต โดยผู้กระทำความผิดจะหลอกให้ผู้ใช้เปิดเผยข้อมูลส่วนตัว เช่น รหัสผ่าน...

VPN คืออะไร ?

VPN คืออะไร ?

VPN หรือ Virtual Private Network หรือ เครือข่ายเสมือน คือตัวขยายเครือข่ายส่วนตัวผ่านเครือข่ายสาธารณะ...

0 ความคิดเห็น

เราใช้คุกกี้เพื่อพัฒนาประสิทธิภาพ และประสบการณ์ที่ดีในการใช้เว็บไซต์ของคุณ คุณสามารถศึกษารายละเอียดได้ที่ นโยบายความเป็นส่วนตัว และสามารถจัดการความเป็นส่วนตัวเองได้ของคุณได้เองโดยคลิกที่ ตั้งค่า

ตั้งค่าความเป็นส่วนตัว

คุณสามารถเลือกการตั้งค่าคุกกี้โดยเปิด/ปิด คุกกี้ในแต่ละประเภทได้ตามความต้องการ ยกเว้น คุกกี้ที่จำเป็น

ยอมรับทั้งหมด
จัดการความเป็นส่วนตัว
  • คุกกี้ที่จำเป็น
    เปิดใช้งานตลอด

    ประเภทของคุกกี้มีความจำเป็นสำหรับการทำงานของเว็บไซต์ เพื่อให้คุณสามารถใช้ได้อย่างเป็นปกติ และเข้าชมเว็บไซต์ คุณไม่สามารถปิดการทำงานของคุกกี้นี้ในระบบเว็บไซต์ของเราได้

  • ข้อมูลสำหรับ ทำการตลาด

    ข้อมูลสำหรับ ทำการตลาด

บันทึกการตั้งค่า