ޑައުންލޯޑް
ކޮމްޕައިލް ކުރެވިފައިވާ ސީއެސްއެސް އަދި ޖާވާސްކްރިޕްޓް، ސޯސް ކޯޑް ހޯދުމަށް ބޫޓްސްޓްރެޕް ޑައުންލޯޑްކޮށް، ނުވަތަ npm، ރޫބީޖެމްސް، އަދި އެހެނިހެން ތިމާ އެންމެ ގަޔާވާ ޕެކޭޖް މެނޭޖަރުންނާއެކު ހިމަނާށެވެ.
ކޮމްޕައިލްޑް ސީއެސްއެސް އަދި ޖޭއެސް އެވެ
ބޫޓްސްޓްރެޕް v5.0.2 އަށް ރެޑީ ޓު ޔޫސް ކޮމްޕައިލްޑް ކޯޑް ޑައުންލޯޑްކޮށް ފަސޭހައިން ޕްރޮޖެކްޓަށް ވައްޓާލެވޭނެ ކަމަށާއި، އޭގެ ތެރޭގައި ހިމެނެނީ:
- ކޮމްޕައިލްކޮށް މިނިފައިޑް ސީއެސްއެސް ބަންޑަލްސް ( ސީއެސްއެސް ފައިލްތައް އަޅާކިޔުން ބައްލަވާ )
- ކޮމްޕައިލްކޮށް މިނިފައިޑް ޖާވާސްކްރިޕްޓް ޕްލަގިންސް ( ޖޭއެސް ފައިލްތައް އަޅާކިޔުން ބައްލަވާ )
މިއީ ޑޮކިއުމަންޓޭޝަން، ސޯސް ފައިލްސް، ނުވަތަ ޕޮޕަރ ފަދަ އިޚްތިޔާރީ ޖާވާސްކްރިޕްޓް ޑިޕެންޑެންސީއެއް ނުހިމެނޭ ކަމެކެވެ.
ސޯސް ފައިލްތައް
އަޅުގަނޑުމެންގެ ސޯސް ސާސް، ޖާވާސްކްރިޕްޓް، އަދި ޑޮކިއުމަންޓޭޝަން ފައިލްތައް ޑައުންލޯޑްކޮށްގެން އަމިއްލަ އެސެޓް ޕައިޕްލައިނަކާއެކު ބޫޓްސްޓްރެޕް ކޮމްޕައިލް ކުރާށެވެ. މި އިޚްތިޔާރަށް އިތުރު ބައެއް ޓޫލިންގ ބޭނުންވެއެވެ:
- ސާސް ސޯސް ފައިލްތައް ސީއެސްއެސް ފައިލްތަކަށް ކޮމްޕައިލް ކުރުމަށް ބޭނުންކުރާ ސާސް ކޮމްޕައިލަރ
- ސީއެސްއެސް ވެންޑަރ ޕްރިފިކްސިންގ އަށް އޮޓޯޕްރިފިކްސަރ
Should you require our full set of build tools , އެއީ ބޫޓްސްޓްރެޕް އަދި އޭގެ ޑޮކްސް ޑިވެލޮޕް ކުރުމަށް ހިމަނާފައިވާ އެއްޗެހި ނަމަވެސް، އެއީ ތިބާގެ އަމިއްލަ ބޭނުމަކަށް ނުގުޅޭ އެއްޗެހި ކަމުގައި ވުމަކީ އެކަށީގެންވާ ކަމެކެވެ.
މިސާލުތަކެވެ
އަޅުގަނޑުމެންގެ މިސާލުތައް ޑައުންލޯޑްކޮށް ބަލަން ބޭނުންނަމަ , މިހާރުވެސް ބިނާކޮށްފައިވާ މިސާލުތައް ހިފާލެވޭނެއެވެ:
މިސާލުތައް ޑައުންލޯޑް ކުރައްވާ
ސީޑީއެން މެދުވެރިކޮށް jsDelivr
ބޫޓްސްޓްރެޕްގެ ކޮމްޕައިލް ކޮށްފައިވާ ސީއެސްއެސް އަދި ޖޭއެސްގެ ކެޝްޑް ވާޝަން ޕްރޮޖެކްޓަށް ފޯރުކޮށްދިނުމަށްޓަކައި jsDelivr އާއެކު ޑައުންލޯޑް ސްކިޕް ކުރާށެވެ.
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
އަޅުގަނޑުމެންގެ ކޮމްޕައިލް ކުރެވިފައިވާ ޖާވާސްކްރިޕްޓް ބޭނުންކުރާނަމަ އަދި ޕޮޕަރ ވަކިން ހިމަނަން އިސްކަންދޭނަމަ، އަޅުގަނޑުމެންގެ ޖޭއެސްގެ ކުރިން ޕޮޕަރ އިތުރުކުރައްވާ، ސީޑީއެން މެދުވެރިކޮށް އިސްކަންދެވޭނެއެވެ.
<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" crossorigin="anonymous"></script>
ޕެކޭޖް މެނޭޖަރުންނެވެ
ބޫޓްސްޓްރަޕްގެ ސޯސް ފައިލްތައް ގާތްގަނޑަކަށް ކޮންމެ ޕްރޮޖެކްޓަކަށް ވެސް ދަމައިގަންނަނީ އެންމެ މަގުބޫލު ބައެއް ޕެކޭޖް މެނޭޖަރުންނާ އެކުގަ އެވެ. ކޮންމެ ޕެކޭޖް މެނޭޖަރެއް ކަމުގައި ވިޔަސް، އަޅުގަނޑުމެންގެ ރަސްމީ ކޮމްޕައިލް ކުރެވިފައިވާ ވަރޝަންތަކާ އެއްގޮތްވާ ސެޓަޕަކަށް ބޫޓްސްޓްރެޕް އަށް ބޭނުންވާނީ ސާސް ކޮމްޕައިލަރ އާއި އޮޓޯޕްރިފިކްސަރ އެވެ.
އެންޕީއެމް އެވެ
npm ޕެކޭޖާއެކު ތިބާގެ Node.js ޕަވަރޑް އެޕްތަކުގައި ބޫޓްސްޓްރެޕް އިންސްޓޯލް ކުރައްވާ :
npm install bootstrap
const bootstrap = require('bootstrap')
ނުވަތަ import bootstrap from 'bootstrap'
ބޫޓްސްޓްރެޕްގެ ހުރިހާ ޕްލަގިންސްތަކެއް bootstrap
އެއްޗެއްގެ މައްޗަށް ލޯޑްކުރާނެއެވެ. މި bootstrap
މޮޑިއުލުން ޚުދު އަޅުގަނޑުމެންގެ ހުރިހާ ޕްލަގިންސްތަކެއް އެކްސްޕޯޓް ކުރެއެވެ. /js/dist/*.js
ޕެކޭޖުގެ މަތީ ފެންވަރުގެ ޑައިރެކްޓަރީގެ ދަށުން ފައިލްތައް ލޯޑްކޮށްގެން ބޫޓްސްޓްރެޕްގެ ޕްލަގިންސްތައް ވަކިވަކިން މެނުއަލްކޮށް ލޯޑް ކުރެވޭނެއެވެ .
ބޫޓްސްޓްރެޕް'ސް package.json
ގައި ތިރީގައިވާ ކީތަކުގެ ދަށުން އިތުރު ބައެއް މެޓަޑޭޓާތައް ހިމެނެއެވެ.
sass
- ބޫޓްސްޓްރެޕްގެ މައިގަނޑު ސާސް ސޯސް ފައިލް އަށް ދާ މަގުstyle
- ޑިފޯލްޓް ސެޓިންގސް ބޭނުންކޮށްގެން ޕްރީކޮމްޕައިލްކޮށްފައިވާ ބޫޓްސްޓްރެޕްގެ ނޮން މިނިފައިޑް ސީއެސްއެސް އަށް ދާ މަގު (ކަސްޓަމައިޒޭޝަން ނެތް)
ޔަންގަނޑެވެ
ޔަން ޕެކޭޖް އާއި އެކު ނޯޑް.ޖޭއެސް ޕަވަރޑް އެޕްތަކުގައި ބޫޓްސްޓްރެޕް އިންސްޓޯލް ކުރުން :
yarn add bootstrap
ރޫބީޖެމްސް އެވެ
ބަންޑްލަރ ( ރެކޮމެންޑް ކުރެވިފައިވާ ) އަދި ރޫބީޖެމްސް ބޭނުންކޮށްގެން ރޫބީ އެޕްތަކުގައި ބޫޓްސްޓްރެޕް އިންސްޓޯލް ކުރުމަށް ތިރީގައިވާ ލައިން ތިބާގެ Gemfile
:
gem 'bootstrap', '~> 5.0.2'
ނުވަތަ ބަންޑްލަރ ބޭނުން ނުކުރާނަމަ މި ކޮމާންޑް ހިންގައިގެން ޖެމް އިންސްޓޯލް ކުރެވިދާނެއެވެ:
gem install bootstrap -v 5.0.2
އިތުރު މަޢުލޫމާތު ހޯދުމަށް މި ޖަވާހިރުގެ ރީޑްމީ ބައްލަވާށެވެ .
ކޮމްޕޯސަރެވެ
އަދި ކޮމްޕޯސަރ ބޭނުންކޮށްގެން ބޫޓްސްޓްރެޕްގެ ސާސް އަދި ޖާވާސްކްރިޕްޓް އިންސްޓޯލްކޮށް މެނޭޖް ކުރެވޭނެ :
composer require twbs/bootstrap:5.0.2
ނޫގެޓް އެވެ
.NET ގައި ޑިވެލޮޕް ކުރާނަމަ، NuGet ބޭނުންކޮށްގެން ބޫޓްސްޓްރެޕްގެ ސީއެސްއެސް ނުވަތަ ސާސް އަދި ޖާވާސްކްރިޕްޓް އިންސްޓޯލްކޮށް މެނޭޖް ކުރެވޭނެ :
Install-Package bootstrap
Install-Package bootstrap.sass