ޑައުންލޯޑް

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

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

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

• ކޮމްޕައިލްކޮށް މިނިފައިޑް ސީއެސްއެސް ބަންޑަލްސް ( ސީއެސްއެސް ފައިލްތައް އަޅާކިޔުން ބައްލަވާ )
• ޖާވާސްކްރިޕްޓް ޕްލަގިންސް ކޮމްޕައިލްކޮށް މިނިފައިޑް ކޮށްފައި

މިއީ ޑޮކިއުމަންޓޭޝަން، ސޯސް ފައިލްސް، ނުވަތަ އެއްވެސް އިޚްތިޔާރީ ޖާވާސްކްރިޕްޓް ޑިޕެންޑެންސީއެއް (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-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx" crossorigin="anonymous"></script>

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

<script src="https://code.jquery.com/jquery-3.5.1.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-w1Q4orYjBQndcko6MimVbzY0tgp4pWB4lZ7lr30WKz0vr/aWKhXdBNmNb5D92v7s" 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.5.3'

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

gem install bootstrap -v 4.5.3

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

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

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

composer require twbs/bootstrap:4.5.3

ނޫގެޓް އެވެ

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

Install-Package bootstrap

Install-Package bootstrap.sass