Source

ޑައުންލޯޑް

ކޮމްޕައިލް ކުރެވިފައިވާ ސީއެސްއެސް އަދި ޖާވާސްކްރިޕްޓް، ސޯސް ކޯޑް ހޯދުމަށް ބޫޓްސްޓްރެޕް ޑައުންލޯޑްކޮށް، ނުވަތަ npm، ރޫބީޖެމްސް، އަދި އެހެނިހެން ތިމާ އެންމެ ގަޔާވާ ޕެކޭޖް މެނޭޖަރުންނާއެކު ހިމަނާށެވެ.

ކޮމްޕައިލްޑް ސީއެސްއެސް އަދި ޖޭއެސް އެވެ

ބޫޓްސްޓްރެޕް v4.0.0 އަށް ރެޑީ ޓު ޔޫސް ކޮމްޕައިލްޑް ކޯޑް ޑައުންލޯޑްކޮށް ފަސޭހައިން ޕްރޮޖެކްޓަށް ވައްޓާލެވޭނެ ކަމަށާއި، އޭގެ ތެރޭގައި ހިމެނެނީ:

މިއީ ޑޮކިއުމަންޓޭޝަން، ސޯސް ފައިލްސް، ނުވަތަ އެއްވެސް އިޚްތިޔާރީ ޖާވާސްކްރިޕްޓް ޑިޕެންޑެންސީއެއް (jQuery އަދި Popper.js) ނުހިމެނޭ ކަމެކެވެ.

ޑައުންލޯޑް

ސޯސް ފައިލްތައް

އަޅުގަނޑުމެންގެ ސޯސް ސާސް، ޖާވާސްކްރިޕްޓް، އަދި ޑޮކިއުމަންޓޭޝަން ފައިލްތައް ޑައުންލޯޑްކޮށްގެން އަމިއްލަ އެސެޓް ޕައިޕްލައިނަކާއެކު ބޫޓްސްޓްރެޕް ކޮމްޕައިލް ކުރާށެވެ. މި އިޚްތިޔާރަށް އިތުރު ބައެއް ޓޫލިންގ ބޭނުންވެއެވެ:

  • ތިބާގެ ސީއެސްއެސް ކޮމްޕައިލް ކުރުމަށް ބޭނުންވާ ސާސް ކޮމްޕައިލަރ (ލިބްސާސް ނުވަތަ ރޫބީ ސާސް އަށް ސަޕޯޓް ކުރެއެވެ).
  • ސީއެސްއެސް ވެންޑަރ ޕްރިފިކްސިންގ އަށް އޮޓޯޕްރިފިކްސަރ

Should you require build tools , އެއީ ބޫޓްސްޓްރެޕް އަދި އޭގެ ޑޮކްސް ޑިވެލޮޕް ކުރުމަށް ހިމެނޭ އެއްޗެހި ނަމަވެސް، އެއީ ތިބާގެ އަމިއްލަ ބޭނުމަކަށް ނުގުޅޭ އެއްޗެހި ކަމުގައި ވުމަކީ އެކަށީގެންވާ ކަމެކެވެ.

ޑައުންލޯޑް ސޯސް

ޖޭއެސްޑެލިވަރ އެވެ

ބޫޓްސްޓްރެޕްގެ ކޮމްޕައިލް ކޮށްފައިވާ ސީއެސްއެސް އަދި ޖޭއެސްގެ ކެޝްޑް ވާޝަން ޕްރޮޖެކްޓަށް ފޯރުކޮށްދިނުމަށްޓަކައި jsDelivr އާއެކު ޑައުންލޯޑް ސްކިޕް ކުރާށެވެ.

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>

އަޅުގަނޑުމެންގެ ކޮމްޕައިލް ކުރެވިފައިވާ ޖާވާސްކްރިޕްޓް ބޭނުން ކުރައްވާނަމަ، އޭގެ ކުރިން jQuery އަދި Popper.js ގެ ސީޑީއެން ވަރޝަންތައް ހިމަނަން ހަނދާން ނައްތާނުލާށެވެ.

<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>

ޕެކޭޖް މެނޭޖަރުންނެވެ

ބޫޓްސްޓްރަޕްގެ ސޯސް ފައިލްތައް ގާތްގަނޑަކަށް ކޮންމެ ޕްރޮޖެކްޓަކަށް ވެސް ދަމައިގަންނަނީ އެންމެ މަގުބޫލު ބައެއް ޕެކޭޖް މެނޭޖަރުންނާ އެކުގަ އެވެ. ކޮންމެ ޕެކޭޖް މެނޭޖަރެއް ކަމުގައި ވިޔަސް، އަޅުގަނޑުމެންގެ ރަސްމީ ކޮމްޕައިލް ކުރެވިފައިވާ ވަރޝަންތަކާ އެއްގޮތްވާ ސެޓަޕަކަށް ބޫޓްސްޓްރެޕް އަށް ބޭނުންވާނީ ސާސް ކޮމްޕައިލަރ އާއި އޮޓޯޕްރިފިކްސަރ އެވެ.

އެންޕީއެމް އެވެ

npm ޕެކޭޖާއެކު ތިބާގެ Node.js ޕަވަރޑް އެޕްތަކުގައި ބޫޓްސްޓްރެޕް އިންސްޓޯލް ކުރައްވާ :

npm install bootstrap

require('bootstrap')ބޫޓްސްޓްރެޕްގެ ހުރިހާ ޖީކުއަރީ ޕްލަގިންސްތަކެއް ޖޭކުއަރީ އޮބްޖެކްޓަށް ލޯޑް ކުރާނެއެވެ. ޚުދު bootstrapމޮޑިއުލުން އެއްވެސް އެއްޗެއް އެކްސްޕޯޓް ނުކުރެއެވެ. /js/*.jsޕެކޭޖުގެ މަތީ ފެންވަރުގެ ޑައިރެކްޓަރީގެ ދަށުން ފައިލްތައް ލޯޑްކޮށްގެން ބޫޓްސްޓްރެޕްގެ ޖީކުއަރީ ޕްލަގިންސްތައް ވަކިވަކިން މެނުއަލްކޮށް ލޯޑް ކުރެވޭނެއެވެ .

ބޫޓްސްޓްރެޕް'ސް package.jsonގައި ތިރީގައިވާ ކީތަކުގެ ދަށުން އިތުރު ބައެއް މެޓަޑޭޓާތައް ހިމެނެއެވެ.

  • sass- ބޫޓްސްޓްރެޕްގެ މައިގަނޑު ސާސް ސޯސް ފައިލް އަށް ދާ މަގު
  • style- ޑިފޯލްޓް ސެޓިންގސް ބޭނުންކޮށްގެން ޕްރީކޮމްޕައިލްކޮށްފައިވާ ބޫޓްސްޓްރެޕްގެ ނޮން މިނިފައިޑް ސީއެސްއެސް އަށް ދާ މަގު (ކަސްޓަމައިޒޭޝަން ނެތް)

ރޫބީޖެމްސް އެވެ

ބަންޑްލަރ ( ރެކޮމެންޑް ކުރެވިފައިވާ ) އަދި ރޫބީޖެމްސް ބޭނުންކޮށްގެން ރޫބީ އެޕްތަކުގައި ބޫޓްސްޓްރެޕް އިންސްޓޯލް ކުރުމަށް ތިރީގައިވާ ލައިން ތިބާގެ Gemfile:

gem 'bootstrap', '~> 4.0.0'

ނުވަތަ ބަންޑްލަރ ބޭނުން ނުކުރާނަމަ މި ކޮމާންޑް ހިންގައިގެން ޖެމް އިންސްޓޯލް ކުރެވިދާނެއެވެ:

gem install bootstrap -v 4.0.0

އިތުރު މަޢުލޫމާތު ހޯދުމަށް މި ޖަވާހިރުގެ ރީޑްމީ ބައްލަވާށެވެ .

ކޮމްޕޯސަރެވެ

އަދި ކޮމްޕޯސަރ ބޭނުންކޮށްގެން ބޫޓްސްޓްރެޕްގެ ސާސް އަދި ޖާވާސްކްރިޕްޓް އިންސްޓޯލްކޮށް މެނޭޖް ކުރެވޭނެ :

composer require twbs/bootstrap:4.0.0

ނޫގެޓް އެވެ

.NET ގައި ޑިވެލޮޕް ކުރާނަމަ، NuGet ބޭނުންކޮށްގެން ބޫޓްސްޓްރެޕްގެ ސީއެސްއެސް ނުވަތަ ސާސް އަދި ޖާވާސްކްރިޕްޓް އިންސްޓޯލްކޮށް މެނޭޖް ކުރެވޭނެ :

Install-Package bootstrap
Install-Package bootstrap.sass