ޑައުންލޯޑް
ކޮމްޕައިލް ކުރެވިފައިވާ ސީއެސްއެސް އަދި ޖާވާސްކްރިޕްޓް، ސޯސް ކޯޑް ހޯދުމަށް ބޫޓްސްޓްރެޕް ޑައުންލޯޑްކޮށް، ނުވަތަ npm، ރޫބީޖެމްސް، އަދި އެހެނިހެން ތިމާ އެންމެ ގަޔާވާ ޕެކޭޖް މެނޭޖަރުންނާއެކު ހިމަނާށެވެ.
ކޮމްޕައިލްޑް ސީއެސްއެސް އަދި ޖޭއެސް އެވެ
ބޫޓްސްޓްރަޕް v4.6.2 އަށް ރެޑީ-ޓު-ޔޫސް ކޮމްޕައިލްޑް ކޯޑް ޑައުންލޯޑްކޮށް ފަސޭހައިން ޕްރޮޖެކްޓަށް ވައްޓާލެވޭނެ ކަމަށާއި، އޭގެ ތެރޭގައި ހިމެނެނީ:
- ކޮމްޕައިލްކޮށް މިނިފައިޑް ސީއެސްއެސް ބަންޑަލްސް ( ސީއެސްއެސް ފައިލްތައް އަޅާކިޔުން ބައްލަވާ )
- ކޮމްޕައިލްކޮށް މިނިފައިޑް ޖާވާސްކްރިޕްޓް ޕްލަގިންސް ( ޖޭއެސް ފައިލްތައް އަޅާކިޔުން ބައްލަވާ )
މިއީ ޑޮކިއުމަންޓޭޝަން، ސޯސް ފައިލްސް، ނުވަތަ އެއްވެސް އިޚްތިޔާރީ ޖާވާސްކްރިޕްޓް ޑިޕެންޑެންސީއެއް (ޖޭކުއަރީ އަދި ޕޮޕަރ) ނުހިމެނޭ ކަމެކެވެ.
ސޯސް ފައިލްތައް
އަޅުގަނޑުމެންގެ ސޯސް ސާސް، ޖާވާސްކްރިޕްޓް، އަދި ޑޮކިއުމަންޓޭޝަން ފައިލްތައް ޑައުންލޯޑްކޮށްގެން އަމިއްލަ އެސެޓް ޕައިޕްލައިނަކާއެކު ބޫޓްސްޓްރެޕް ކޮމްޕައިލް ކުރާށެވެ. މި އިޚްތިޔާރަށް އިތުރު ބައެއް ޓޫލިންގ ބޭނުންވެއެވެ:
- ސާސް ސޯސް ފައިލްތައް ސީއެސްއެސް ފައިލްތަކަށް ކޮމްޕައިލް ކުރުމަށް ބޭނުންކުރާ ސާސް ކޮމްޕައިލަރ
- ސީއެސްއެސް ވެންޑަރ ޕްރިފިކްސިންގ އަށް އޮޓޯޕްރިފިކްސަރ
Should you require our full set of build tools , އެއީ ބޫޓްސްޓްރެޕް އަދި އޭގެ ޑޮކްސް ޑިވެލޮޕް ކުރުމަށް ހިމަނާފައިވާ އެއްޗެހި ނަމަވެސް، އެއީ ތިބާގެ އަމިއްލަ ބޭނުމަކަށް ނުގުޅޭ އެއްޗެހި ކަމުގައި ވުމަކީ އެކަށީގެންވާ ކަމެކެވެ.
މިސާލުތަކެވެ
އަޅުގަނޑުމެންގެ މިސާލުތައް ޑައުންލޯޑްކޮށް ބަލަން ބޭނުންނަމަ , މިހާރުވެސް ބިނާކޮށްފައިވާ މިސާލުތައް ހިފާލެވޭނެއެވެ:
މިސާލުތައް ޑައުންލޯޑް ކުރައްވާ
ޖޭއެސްޑެލިވަރ އެވެ
ބޫޓްސްޓްރެޕްގެ ކޮމްޕައިލް ކޮށްފައިވާ ސީއެސްއެސް އަދި ޖޭއެސްގެ ކެޝްޑް ވާޝަން ޕްރޮޖެކްޓަށް ފޯރުކޮށްދިނުމަށްޓަކައި jsDelivr އާއެކު ޑައުންލޯޑް ސްކިޕް ކުރާށެވެ.
<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>
އަޅުގަނޑުމެންގެ ކޮމްޕައިލް ކުރެވިފައިވާ ޖާވާސްކްރިޕްޓް ބޭނުންކުރާނަމަ އަދި ޕޮޕަރ ވަކިން ހިމަނަން އިސްކަންދޭނަމަ، އަޅުގަނޑުމެންގެ ޖޭއެސްގެ ކުރިން ޕޮޕަރ އިތުރުކުރައްވާ، ސީޑީއެން މެދުވެރިކޮށް އިސްކަންދެވޭނެއެވެ.
<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>
ޕެކޭޖް މެނޭޖަރުންނެވެ
ބޫޓްސްޓްރަޕްގެ ސޯސް ފައިލްތައް ގާތްގަނޑަކަށް ކޮންމެ ޕްރޮޖެކްޓަކަށް ވެސް ދަމައިގަންނަނީ އެންމެ މަގުބޫލު ބައެއް ޕެކޭޖް މެނޭޖަރުންނާ އެކުގަ އެވެ. ކޮންމެ ޕެކޭޖް މެނޭޖަރެއް ކަމުގައި ވިޔަސް، އަޅުގަނޑުމެންގެ ރަސްމީ ކޮމްޕައިލް ކުރެވިފައިވާ ވަރޝަންތަކާ އެއްގޮތްވާ ސެޓަޕަކަށް ބޫޓްސްޓްރެޕް އަށް ބޭނުންވާނީ ސާސް ކޮމްޕައިލަރ އާއި އޮޓޯޕްރިފިކްސަރ އެވެ.
އެންޕީއެމް އެވެ
npm ޕެކޭޖާއެކު ތިބާގެ Node.js ޕަވަރޑް އެޕްތަކުގައި ބޫޓްސްޓްރެޕް އިންސްޓޯލް ކުރައްވާ :
npm install bootstrap
require('bootstrap')
ބޫޓްސްޓްރެޕްގެ ހުރިހާ ޖީކުއަރީ ޕްލަގިންސްތަކެއް ޖޭކުއަރީ އޮބްޖެކްޓަށް ލޯޑް ކުރާނެއެވެ. ޚުދު bootstrap
މޮޑިއުލުން އެއްވެސް އެއްޗެއް އެކްސްޕޯޓް ނުކުރެއެވެ. /js/*.js
ޕެކޭޖުގެ މަތީ ފެންވަރުގެ ޑައިރެކްޓަރީގެ ދަށުން ފައިލްތައް ލޯޑްކޮށްގެން ބޫޓްސްޓްރެޕްގެ ޖީކުއަރީ ޕްލަގިންސްތައް ވަކިވަކިން މެނުއަލްކޮށް ލޯޑް ކުރެވޭނެއެވެ .
ބޫޓްސްޓްރެޕް'ސް package.json
ގައި ތިރީގައިވާ ކީތަކުގެ ދަށުން އިތުރު ބައެއް މެޓަޑޭޓާތައް ހިމެނެއެވެ.
sass
- ބޫޓްސްޓްރެޕްގެ މައިގަނޑު ސާސް ސޯސް ފައިލް އަށް ދާ މަގުstyle
- ޑިފޯލްޓް ސެޓިންގސް ބޭނުންކޮށްގެން ޕްރީކޮމްޕައިލްކޮށްފައިވާ ބޫޓްސްޓްރެޕްގެ ނޮން މިނިފައިޑް ސީއެސްއެސް އަށް ދާ މަގު (ކަސްޓަމައިޒޭޝަން ނެތް)
ޔަންގަނޑެވެ
ޔަން ޕެކޭޖް އާއި އެކު ނޯޑް.ޖޭއެސް ޕަވަރޑް އެޕްތަކުގައި ބޫޓްސްޓްރެޕް އިންސްޓޯލް ކުރުން :
yarn add bootstrap
ރޫބީޖެމްސް އެވެ
ބަންޑްލަރ ( ރެކޮމެންޑް ކުރެވިފައިވާ ) އަދި ރޫބީޖެމްސް ބޭނުންކޮށްގެން ރޫބީ އެޕްތަކުގައި ބޫޓްސްޓްރެޕް އިންސްޓޯލް ކުރުމަށް ތިރީގައިވާ ލައިން ތިބާގެ Gemfile
:
gem 'bootstrap', '~> 4.6.2'
ނުވަތަ ބަންޑްލަރ ބޭނުން ނުކުރާނަމަ މި ކޮމާންޑް ހިންގައިގެން ޖެމް އިންސްޓޯލް ކުރެވިދާނެއެވެ:
gem install bootstrap -v 4.6.2
އިތުރު މަޢުލޫމާތު ހޯދުމަށް މި ޖަވާހިރުގެ ރީޑްމީ ބައްލަވާށެވެ .
ކޮމްޕޯސަރެވެ
އަދި ކޮމްޕޯސަރ ބޭނުންކޮށްގެން ބޫޓްސްޓްރެޕްގެ ސާސް އަދި ޖާވާސްކްރިޕްޓް އިންސްޓޯލްކޮށް މެނޭޖް ކުރެވޭނެ :
composer require twbs/bootstrap:4.6.2
ނޫގެޓް އެވެ
.NET ގައި ޑިވެލޮޕް ކުރާނަމަ، NuGet ބޭނުންކޮށްގެން ބޫޓްސްޓްރެޕްގެ ސީއެސްއެސް ނުވަތަ ސާސް އަދި ޖާވާސްކްރިޕްޓް އިންސްޓޯލްކޮށް މެނޭޖް ކުރެވޭނެ :
Install-Package bootstrap
Install-Package bootstrap.sass