in English

ดาวน์โหลด

ดาวน์โหลด Bootstrap เพื่อรับ CSS และ JavaScript ที่คอมไพล์แล้ว ซอร์สโค้ด หรือรวมเข้ากับตัวจัดการแพ็คเกจที่คุณชื่นชอบ เช่น npm, RubyGems และอื่นๆ

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

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

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

ดาวน์โหลด

ไฟล์ต้นฉบับ

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

  • คอมไพเลอร์ Sass (รองรับ Libsass หรือ Ruby Sass) สำหรับการรวบรวม CSS ของคุณ
  • Autoprefixerสำหรับคำนำหน้าผู้ขาย CSS

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

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

ตัวอย่าง

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

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

jsDelivr

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

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx" crossorigin="anonymous"></script>

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

<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-w1Q4orYjBQndcko6MimVbzY0tgp4pWB4lZ7lr30WKz0vr/aWKhXdBNmNb5D92v7s" crossorigin="anonymous"></script>

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

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

npm

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

npm install bootstrap

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

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

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

เส้นด้าย

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

yarn add bootstrap

RubyGems

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

gem 'bootstrap', '~> 4.5.3'

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

gem install bootstrap -v 4.5.3

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

นักแต่งเพลง

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

composer require twbs/bootstrap:4.5.3

NuGet

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

Install-Package bootstrap
Install-Package bootstrap.sass