ดาวน์โหลด

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

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

• บันเดิล 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-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" 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-7+zCNj/IqJ95wo16oMtfsKbZ9ccEh31eOz1HGyDuCQ6wgnyJNSYdrPa03rtR1zdB" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-QJHtvGhmr9XOIpI6YVutG+2QOK9T+ZnN4kzFN1RtK3zEFEIsxhlmWl5/YESvpZ13" crossorigin="anonymous"></script>

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

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

npm

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

npm install bootstrap

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 bootstrap

RubyGems

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

gem 'bootstrap', '~> 5.1.3'

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

gem install bootstrap -v 5.1.3

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

นักแต่งเพลง

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

composer require twbs/bootstrap:5.1.3

NuGet

หากคุณพัฒนาใน .NET คุณยังสามารถติดตั้งและจัดการCSSหรือSassและ JavaScript ของ Bootstrap ได้โดยใช้NuGet :

Install-Package bootstrap

Install-Package bootstrap.sass