Source

ดาวน์โหลด

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

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

ดาวน์โหลดโค้ดที่คอมไพล์แล้วพร้อมใช้งานสำหรับBootstrap v4.1.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-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>

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

<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://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" 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 ที่ได้รับการคอมไพล์ล่วงหน้าโดยใช้การตั้งค่าเริ่มต้น (ไม่มีการปรับแต่ง)

RubyGems

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

gem 'bootstrap', '~> 4.1.3'

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

gem install bootstrap -v 4.1.3

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

นักแต่งเพลง

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

composer require twbs/bootstrap:4.1.3

NuGet

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

Install-Package bootstrap
Install-Package bootstrap.sass