ޑައުންލޯޑް

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

މި ޞަފްޙާގައެވެ

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

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

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

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

ޑައުންލޯޑް

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

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

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

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-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>

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

<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-7+zCNj/IqJ95wo16oMtfsKbZ9ccEh31eOz1HGyDuCQ6wgnyJNSYdrPa03rtR1zdB" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-QJHtvGhmr9XOIpI6YVutG+2QOK9T+ZnN4kzFN1RtK3zEFEIsxhlmWl5/YESvpZ13" 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- ޑިފޯލްޓް ސެޓިންގސް ބޭނުންކޮށްގެން ޕްރީކޮމްޕައިލްކޮށްފައިވާ ބޫޓްސްޓްރެޕްގެ ނޮން މިނިފައިޑް ސީއެސްއެސް އަށް ދާ މަގު (ކަސްޓަމައިޒޭޝަން ނެތް)

އަޅުގަނޑުމެންގެ ސްޓާޓަރ ޕްރޮޖެކްޓާއެކު npm މެދުވެރިކޮށް ބޫޓްސްޓްރެޕް އިން ފެށުން! އަމިއްލަ npm ޕްރޮޖެކްޓްގައި ބޫޓްސްޓްރެޕް ބިލްޑްކޮށް ކަސްޓަމައިޒް ކުރާނެ ގޮތް ބަލާލުމަށް twbs/bootstrap-npm-starter ޓެމްޕްލޭޓް ރިޕޮޒިޓަރީއަށް ދާށެވެ . ސާސް ކޮމްޕައިލަރ، އޮޓޯޕްރިފިކްސަރ، ސްޓައިލިންޓް، ޕާޖްސީއެސްއެސް، އަދި ބޫޓްސްޓްރަޕް އައިކޮންސް ހިމެނެއެވެ.

ޔަންގަނޑެވެ

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

yarn add bootstrap

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

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

gem 'bootstrap', '~> 5.1.3'

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

gem install bootstrap -v 5.1.3

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

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

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

composer require twbs/bootstrap:5.1.3

ނޫގެޓް އެވެ

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

Install-Package bootstrap

Install-Package bootstrap.sass