in English

ดาวน์โหลด

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

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

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

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

ดาวน์โหลด

ไฟล์ต้นฉบับ

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

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

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

ตัวอย่าง

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

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

jsDelivr

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

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-Fy6S3B9q64WdZWQUiU+q4/2Lc9npb8tCaSX9FK7E8HnRr0Jz8D6OP9dO5Vg3Q9ct" crossorigin="anonymous"></script>

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

<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.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-+sLIOodYLS7CIrQpBjl+C7nPvqq+FbNUBDunl/OZv93DB7Ln/533i8e/mZXLi/P+" 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 ผ่าน npm ด้วยโครงการเริ่มต้นของเรา! ไปที่ที่ เก็บ เทมเพลต twbs/bootstrap-npm-starterเพื่อดูวิธีสร้างและปรับแต่ง Bootstrap ในโครงการ npm ของคุณเอง รวมไอคอนคอมไพเลอร์ Sass, Autoprefixer, Stylelint, PurgeCSS และ Bootstrap

เส้นด้าย

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

yarn add bootstrap

RubyGems

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

gem 'bootstrap', '~> 4.6.2'

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

gem install bootstrap -v 4.6.2

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

นักแต่งเพลง

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

composer require twbs/bootstrap:4.6.2

NuGet

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

Install-Package bootstrap
Install-Package bootstrap.sass