ดาวน์โหลด

คอมไพล์ CSS และ JS

ดาวน์โหลดโค้ดที่คอมไพล์แล้วพร้อมใช้งานสำหรับBootstrap v5.2.1เพื่อวางลงในโปรเจ็กต์ของคุณ ซึ่งรวมถึง:

• บันเดิล CSS ที่คอมไพล์และลดขนาด (ดูการเปรียบเทียบไฟล์ CSS )
• ปลั๊กอิน JavaScript ที่คอมไพล์และย่อ (ดูการเปรียบเทียบไฟล์ JS )

ไม่รวมถึงเอกสารประกอบ ไฟล์ต้นฉบับ หรือการพึ่งพา JavaScript ที่เป็นตัวเลือก เช่น Popper

ดาวน์โหลด

ไฟล์ต้นฉบับ

คอมไพล์ Bootstrap ด้วยไปป์ไลน์สินทรัพย์ของคุณเองโดยดาวน์โหลดไฟล์ Sass, JavaScript และเอกสารต้นฉบับของเรา ตัวเลือกนี้ต้องใช้เครื่องมือเพิ่มเติม:

• คอมไพเลอร์ Sassสำหรับรวบรวมไฟล์ต้นฉบับ Sass เป็นไฟล์ CSS
• Autoprefixerสำหรับคำนำหน้าผู้ขาย CSS

หากคุณต้องการ เครื่องมือสร้างครบชุด เครื่องมือ เหล่านี้จะถูกรวมไว้สำหรับการพัฒนา Bootstrap และเอกสารของมัน แต่มีแนวโน้มว่าจะไม่เหมาะสมสำหรับวัตถุประสงค์ของคุณเอง

แหล่งดาวน์โหลด

ตัวอย่าง

หากคุณต้องการดาวน์โหลดและดูตัวอย่าง ของเรา คุณสามารถคว้าตัวอย่างที่สร้างไว้แล้วได้:

ดาวน์โหลดตัวอย่าง

CDN ผ่าน jsDelivr

ข้ามการดาวน์โหลดด้วยjsDelivrเพื่อส่งเวอร์ชันแคชของ CSS และ JS ที่คอมไพล์แล้วของ Bootstrap ไปยังโปรเจ็กต์ของคุณ

<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-iYQeCzEYFbKjA/T2uDLTpkwGzCiq6soy8tYaI1GyVh/UjpbCx/TYkiZhlZB6+fzT" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-u1OknCvxWvY5kfmNBILK2hRnQC3Pr17a+RTT6rIHI7NnikvbZlHgTPOOmMi466C8" crossorigin="anonymous"></script>

หากคุณกำลังใช้ JavaScript ที่คอมไพล์แล้วและต้องการรวม Popper แยกต่างหาก ให้เพิ่ม Popper ก่อน JS ของเรา ผ่านทาง CDN จะดีกว่า

<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-oBqDVmMz9ATKxIep9tiCxS/Z9fNfEXiDAYTujMAeBAsjFuCZSmKbSSUnQlmh/jp3" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-7VPbUDkoPSGFnVtYi0QogXtr74QeVeeIs99Qfg5YCF+TidwNdjvaKZX19NZ/e6oz" crossorigin="anonymous"></script>

ผู้จัดการแพ็คเกจ

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

npm

ติดตั้ง Bootstrap ในแอพที่ขับเคลื่อนด้วย Node.js ด้วยแพ็คเกจ npm :

npm install [email protected]

const bootstrap = require('bootstrap')หรือimport bootstrap from 'bootstrap'จะโหลดปลั๊กอินของ Bootstrap ทั้งหมดลงในbootstrapวัตถุ โมดูล จะbootstrapส่งออกปลั๊กอินทั้งหมดของเรา คุณสามารถโหลดปลั๊กอินของ Bootstrap ได้ด้วยตนเองโดยโหลด/js/dist/*.jsไฟล์ภายใต้ไดเร็กทอรีระดับบนสุดของแพ็คเกจ

Bootstrap package.jsonมีข้อมูลเมตาเพิ่มเติมภายใต้คีย์ต่อไปนี้:

• sass- พาธไปยัง ซอร์สไฟล์Sassหลักของ Bootstrap
• style- เส้นทางไปยัง CSS ที่ไม่ย่อขนาดของ Bootstrap ที่รวบรวมโดยใช้การตั้งค่าเริ่มต้น (ไม่มีการปรับแต่ง)

เส้นด้าย

ติดตั้ง Bootstrap ในแอพที่ขับเคลื่อนด้วย Node.js ด้วยแพ็คเกจไหมพรม :

yarn add [email protected]

RubyGems

ติดตั้ง Bootstrap ในแอพ Ruby ของคุณโดยใช้Bundler ( แนะนำ ) และRubyGemsโดยเพิ่มบรรทัดต่อไปนี้ในGemfile:

gem 'bootstrap', '~> 5.2.1'

หรือถ้าคุณไม่ได้ใช้ Bundler คุณสามารถติดตั้ง gem ได้โดยใช้คำสั่งนี้:

gem install bootstrap -v 5.2.1

ดู README ของอัญมณีสำหรับรายละเอียดเพิ่มเติม

นักแต่งเพลง

คุณยังสามารถติดตั้งและจัดการ Sass และ JavaScript ของ Bootstrap โดยใช้Composer :

composer require twbs/bootstrap:5.2.1

NuGet

หากคุณพัฒนาใน .NET Framework คุณยังสามารถติดตั้งและจัดการCSSหรือSassและ JavaScript ของ Bootstrap ได้ โดยใช้ NuGet โปรเจ็กต์ ที่ใหม่กว่าควรใช้libmanหรือวิธีอื่นเนื่องจาก NuGet ออกแบบมาสำหรับโค้ดที่คอมไพล์แล้ว ไม่ใช่แอสเซทส่วนหน้า

Install-Package bootstrap

Install-Package bootstrap.sass