ބޫޓްސްޓްރެޕް އަށް ޖާވާސްކްރިޕްޓް

ބޫޓްސްޓްރެޕްގެ ކޮމްޕޯނެންޓްތައް ދިރުވައި އާލާކުރުން- މިހާރު 12 ކަސްޓަމް ޖީކުއަރީ ޕްލަގިންސް އާއެކު.

މޮޑަލްސް އެވެ

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

ޑްރޮޕްޑައުންސް އެވެ

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

ސްކްރޯލްސްޕީ އެވެ

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

ޓޮގްލް ކުރެވޭ ޓެބްތަކެވެ

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

ޓޫލްޓިޕްސް

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

ޕޮޕޯވަރސް *

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

* ޓޫލްޓިޕްސް ހިމަނަން ޖެހެއެވެ

އެލާޓް މެސެޖުތައް

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

ބަޓަންތަކެވެ

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

ހޭނެތިގެން ވެއްޓުން

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

ކެރޮސެލް އެވެ

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

ޓައިޕްއެހެޑް އެވެ

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

ޓްރާންސިޝަންސް *

ސާދާ ޓްރާންސިޝަން އިފެކްޓްތަކަށް، މޮޑަލްތައް ސްލައިޑް ކުރުމަށް ނުވަތަ އެލާޓްތައް ފޭޑް އައުޓް ކުރުމަށް bootstrap-transition.js އެއްފަހަރު ހިމަނާށެވެ.

* ޕްލަގިންސްގައި އެނިމޭޝަން ހެދުމަށް ބޭނުންވެއެވެ

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

މޮޑަލްތަކާ ބެހޭގޮތުން

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

ފައިލް ޑައުންލޯޑް ކުރާށެވެ

ސްޓޭޓިކް މިސާލެވެ

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

ލައިވް ޑެމޯ

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

ޑެމޯ މޮޑަލް ލޯންޗް ކުރާށެވެ

ބޫޓްސްޓްރެޕް-މޯޑަލް ބޭނުންކޮށްގެންނެވެ

ޖާވާސްކްރިޕްޓް މެދުވެރިކޮށް މޮޑަލް އަށް ގުޅާލާ:

  1. $ ( '#މައިމޮޑަލް' ). މޮޑަލް ( އިޚްތިޔާރުތައް ) .

އިޚްތިޔާރުތައް

ނަން ވައްތަރު ޑީފޯލްޓް ތަފްޞީލު
ބެކްޑްރޯޕް އެވެ ބޫލިއަން އެވެ ރަނގަޅު މޮޑަލް-ބެކްޑްރޯޕް އެލިމެންޓެއް ހިމެނެއެވެ. ނުވަތަ staticކްލިކް ކުރުމުން މޮޑަލް ބަންދު ނުކުރާ ބެކްޑްރޯޕަކަށް ކަނޑައަޅާށެވެ.
ކީބޯޑެވެ ބޫލިއަން އެވެ ރަނގަޅު އެސްކޭޕް ކީ އަށް ފިތާލުމުން މޮޑަލް ބަންދުކުރެއެވެ
ދެއްކުން ބޫލިއަން އެވެ ރަނގަޅު އިނިޝިއަލައިޒް ކުރާއިރު މޮޑަލް ދައްކައެވެ.

މާކަޕް

ޖާވާސްކްރިޕްޓްގެ އެންމެ ލައިނެއް ލިޔަން ނުޖެހި ފަސޭހައިން ޕޭޖުގައި މޮޑަލްތައް އެކްޓިވޭޓް ކުރެވޭނެ އެވެ. ހަމައެކަނި data-toggle="modal"ކޮންޓްރޯލަރ އެލިމެންޓެއްގައި ސެޓް ކޮށްފައި data-target="#foo"ނުވަތަ href="#foo"މޮޑަލް އެލިމެންޓް އައިޑީ އަކަށް ދިމާވާ އެއްޗެއް، އަދި ކްލިކް ކުރުމުން، އެއިން ތިބާގެ މޮޑަލް ލޯންޗް ކުރާނެއެވެ.

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

  1. <a class = "btn" data-toggle = "މޮޑަލް" href = "#myModal" > މޮޑަލް ލޯންޗްކުރުން </a>
  1. <div class = "މޯޑަލް ފޮރުވުން" id = "މައިމޮޑަލް" >
  2. <div ކްލާސް = "މޮޑަލް-ހެޑަރ" >
  3. <ބަޓަން ވައްތަރު = "ބަޓަން" ކްލާސް = "ބަންދުކުރުން" data-dismiss = "މޯޑަލް" > × </button>
  4. <h3> މޮޑަލް ހެޑަރ </h3>
  5. </div> އެވެ
  6. <div ކްލާސް = "މޯޑަލް-ބޮޑީ" >
  7. <p> އެއް ރީތި ހަށިގަނޑެއް... </p>
  8. </div> އެވެ
  9. <div class = "މޯޑަލް-ފޫޓަރ" >
  10. <a href = "#" ކްލާސް = "ބީޓީއެން" ޑޭޓާ-ޑިސްމިސް = "މޮޑަލް" > ބަންދުކުރުން </a>
  11. <a href = "#" class = "btn btn-primary" > ބަދަލުތައް ރައްކާކުރުން </a>
  12. </div> އެވެ
  13. </div> އެވެ
ހެޑްސް އަޕް! ތިބާގެ މޮޑަލް އިން އެންޑް އައުޓް އެނިމޭޓް ކުރަން ބޭނުންނަމަ، ހަމައެކަނި އެލިމެންޓަށް .fadeކްލާހެއް އިތުރުކޮށް .modal(މިކަން ޢަމަލީ ގޮތުން ބަލާލުމަށް ޑެމޯއަށް ރިފަރ ކުރައްވާ) އަދި bootstrap-transition.js ހިމަނާށެވެ.

ގޮތްތައް

.މޮޑަލް(އޮޕްޝަންސް)

މޮޑަލްއެއްގެ ގޮތުގައި ތިމާގެ ކޮންޓެންޓް އެކްޓިވޭޓް ކުރެއެވެ. އިޚްތިޔާރީ އިޚްތިޔާރުތަކެއް ބަލައިގަންނަނީ object.

  1. $ ( '#މައިމޮޑަލް' ). މޮޑަލް ({
  2. ކީބޯޑް : ދޮގު
  3. }) އެވެ.

.މޮޑަލް('ޓޮގްލް')

މެނުއަލްކޮށް މޮޑަލް އެއް ޓޮގްލް ކުރެއެވެ.

  1. $ ( '#މައިމޮޑަލް' ). modal ( 'ޓޮގްލް' )

.މޮޑަލް('ދައްކާ')

މެނުއަލްކޮށް މޮޑަލްއެއް ހުޅުވާލައެވެ.

  1. $ ( '#މައިމޮޑަލް' ). modal ( 'ދައްކާ' )

.މޮޑަލް('ފޮރުވުން')

މެނުއަލްކޮށް މޮޑަލް އެއް ފޮރުވައެވެ.

  1. $ ( '#މައިމޮޑަލް' ). މޮޑަލް ( 'ފޮރުވުން' )

އިވެންޓްސް

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

ހަރަކާތް ތަފްޞީލު
ދެއްކުން މި އިވެންޓް ވަގުތުން ފަޔަރ ވެގެން ދަނީ showއިންސްޓޭންސް މެތޯޑް ގޮވާލުމުންނެވެ.
ދައްކާފައި ވެއެވެ މި އިވެންޓް ފަޔަރ ކުރެވެނީ މޮޑަލް ޔޫޒަރަށް ފެންނަ ގޮތަށް ހެދުމުން (css ޓްރާންސިޝަންސް ފުރިހަމަ ވާން މަޑުކުރާނެ) އެވެ.
ފޮރުވުން މި އިވެންޓް ވަގުތުން ފަޔަރ ކުރެވެނީ hideއިންސްޓޭންސް މެތޯޑަށް ގޮވާ ނިމުމުންނެވެ.
ފޮރުވިފައި މި އިވެންޓް ފަޔަރ ކުރެވެނީ މޮޑަލް ޔޫޒަރަށް ފޮރުވުން ނިމުމުން (css ޓްރާންސިޝަންތައް ފުރިހަމަވާންދެން މަޑުކުރާނެ) އެވެ.
  1. $ ( '#މައިމޮޑަލް' ). on ( 'ފޮރުވިފައި' , ފަންކްޝަން () {
  2. // ކަމެއް ކުރާށެވެ...
  3. }) އެވެ.

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

ފައިލް ޑައުންލޯޑް ކުރާށެވެ

މިސާލު ސްކްރޯލްސްޕީ އާއި އެކު ނަވްބާރ

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

@ފަލަ

އެޑް ލެގިންސް ކީޓަރ، ބްރަންޗް އައިޑީ އާޓް ޕާޓީ ޑޮލޯރ ލޭބަރ. ޕިޗްފޯކް ޔަރ އެނިމް ލޯ-ފައި ކުރިން އެމީހުން ވިކި ހުސްވީ ކި. ޓަމްބްލަރ ފާމް ޓު ޓޭބަލް ސައިކަލް ރައިޓްސް ކޮންމެ ގޮތެއް ވިޔަސް. އަނިމް ކެފިޔޭ ކާލްސް ކާޑިގަން. ވެލިޓް ސެއިޓަން mcsweeney ގެ ފޮޓޯ ޖަގަހަ 3 ވޯލްފް މޫން irure. ކޮސްބީ ސްވެޓަރ ލޯމޯ ޖީން ޝޯޓްސް، ވިލިއަމްސްބަރގް ހޫޑީ މިނިމް ކުއީ ޔޫ ޕްރޮބަބަލީ ހެވް ނޮޓް ހެއިޑް އޮފް ދިސް އެޓް ކާޑިގަން ޓްރަސްޓް ފަންޑް ކަލްޕާ ބަޔޯޑީސެލް ވޭސް އެންޑަސަން އެސްތެޓިކް. ނިހިލް ޓެޓޫ ޖަހާފައިވާ އެކިއުމަސް، ކްރެޑް އިރޮނީ ބަޔޯޑީސަލް ކެފިޔޭ އާޓިޒަން އުލަމްކޯ ކޮންސެކިއުޓް.

@mdo

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

އެކެއް

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

ދޭއް

In incididunt echo park, officia deserunt mcsweeney's proident master cleanse thundercats sapiente veniam. Excepteur VHS elit, proident shoreditch +1 biodiesel laborum craft beer. Single-origin coffee wayfarers irure four loko, cupidatat terry richardson master cleanse. Assumenda you probably haven't heard of them art party fanny pack, tattooed nulla cardigan tempor ad. Proident wolf nesciunt sartorial keffiyeh eu banh mi sustainable. Elit wolf voluptate, lo-fi ea portland before they sold out four loko. Locavore enim nostrud mlkshk brooklyn nesciunt.

three

Ad leggings keytar, brunch id art party dolor labore. Pitchfork yr enim lo-fi before they sold out qui. Tumblr farm-to-table bicycle rights whatever. Anim keffiyeh carles cardigan. Velit seitan mcsweeney's photo booth 3 wolf moon irure. Cosby sweater lomo jean shorts, williamsburg hoodie minim qui you probably haven't heard of them et cardigan trust fund culpa biodiesel wes anderson aesthetic. Nihil tattooed accusamus, cred irony biodiesel keffiyeh artisan ullamco consequat.

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


bootstrap-scrollspy.js ބޭނުންކޮށްގެންނެވެ

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

  1. $ ( '#ނަވްބާރ' ). ސްކްރޯލްސްޕައި ()

މާކަޕް

ޓޮޕްބާ ނެވިގޭޝަނަށް ފަސޭހައިން ސްކްރޯލްސްޕީ ބިހޭވިއަރ އިތުރު ކުރުމަށްޓަކައި، ހަމައެކަނި data-spy="scroll"ސްޕައި ކުރަން ބޭނުންވާ އެލިމެންޓަށް އިތުރު ކުރާށެވެ (ގިނައިން އާންމުކޮށް މިއީ ހަށިގަނޑު ކަމަށް ވާނެއެވެ).

  1. <body data-spy = "ސްކްރޯލް" > ... </body>
ހެޑްސް އަޕް! ނަވްބާރ ލިންކްތަކުގައި ރިޒޮލްވް ކުރެވޭ އައިޑީ ޓާގެޓްތައް ހުންނަން ޖެހެއެވެ. މިސާލަކަށް <a href="#home">home</a>ޑޮމްގައި ހުންނަ އެއްޗަކާ ދިމާވާން ޖެހޭނީ <div id="home"></div>.

ގޮތްތައް

.scrollspy('ރިފްރެޝް')

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

  1. $ ( '[ޑޭޓާ-ސްޕައި="ސްކްރޯލް"]' ). ކޮންމެ ( ފަންކްޝަން () {
  2. var $spy = $ ( މިއީ ). scrollspy ( 'ރިފްރެޝް' )
  3. });

އިޚްތިޔާރުތައް

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

އިވެންޓްސް

ހަރަކާތް ތަފްޞީލު
އެކްޓިވޭޓް ކުރުން މި އިވެންޓް ސްކްރޯލްސްޕީ އިން އާ އެއްޗެއް އެކްޓިވޭޓް ކުރާ ކޮންމެ ފަހަރަކު ފަޔަރ ވެއެވެ.

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

ފައިލް ޑައުންލޯޑް ކުރާށެވެ

މިސާލު ޓެބްތަކެވެ

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

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

Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid. Exercitation +1 labore velit, blog sartorial PBR leggings next level wes anderson artisan four loko farm-to-table craft beer twee. Qui photo booth letterpress, commodo enim craft beer mlkshk aliquip jean shorts ullamco ad vinyl cillum PBR. Homo nostrud organic, assumenda labore aesthetic magna delectus mollit. Keytar helvetica VHS salvia yr, vero magna velit sapiente labore stumptown. Vegan fanny pack odio cillum wes anderson 8-bit, sustainable jean shorts beard ut DIY ethical culpa terry richardson biodiesel. Art party scenester stumptown, tumblr butcher vero sint qui sapiente accusamus tattooed echo park.


bootstrap-tab.js ބޭނުންކޮށްގެންނެވެ

ޖާވާސްކްރިޕްޓް މެދުވެރިކޮށް ޓެބް ކުރެވޭ ޓެބްތައް އެނެބަލް ކުރުން (ކޮންމެ ޓެބެއް ވަކިވަކިން އެކްޓިވޭޓް ކުރަން ޖެހެއެވެ):

  1. $ ( '#މައިޓެބް އަ' ). ކްލިކް ކުރާށެވެ ( ފަންކްޝަން ( އީ ) {
  2. އީ . ޕްރިވެންޓްޑިފޯލްޓް ();
  3. $ ( މި ). tab ( 'ދައްކާ' );
  4. }) އެވެ.

ވަކިވަކި ޓެބްތައް އެތައް ގޮތަކުން އެކްޓިވޭޓް ކުރެވިދާނެއެވެ:

  1. $ ( '#މައިޓެބް a[href="#profile"]' ). tab ( 'ދައްކާ' ); // ނަމުން ޓެބް ހޮވާށެވެ
  2. $ ( '#މައިޓެބް އަ:ފުރަތަމަ' ). tab ( 'ދައްކާ' ); // ފުރަތަމަ ޓެބް ހޮވާށެވެ
  3. $ ( '#މައިޓެބް އަ:ލަސްޓް' ). tab ( 'ދައްކާ' ); // އެންމެ ފަހު ޓެބް ހޮވާށެވެ
  4. $ ( '#މައިޓެބް ލި:އެކިއު(2) އޭ' ). tab ( 'ދައްކާ' ); // ތިންވަނަ ޓެބް ހޮވުން (0-އިންޑެކްސް ކުރެވިފައިވާ)

މާކަޕް

އެއްވެސް ޖާވާސްކްރިޕްޓެއް ނުލިޔެ ޓެބެއް ނުވަތަ ގިތެޔޮ ނެވިގޭޝަނެއް އެކްޓިވޭޓް ކުރެވޭނީ ހަމައެކަނި އެލިމެންޓެއް ކަނޑައަޅައިގެން data-toggle="tab"ނުވަތަ data-toggle="pill"އެލިމެންޓެއްގެ މައްޗަށް ލިޔެގެންނެވެ. navޓެބަށް އަދި nav-tabsކްލާސްތައް އިތުރުކުރުމުން ulބޫޓްސްޓްރެޕް ޓެބް ސްޓައިލިންގ އަށް އަމަލުކުރާނެއެވެ.

  1. <ul ކްލާސް = "ނަވް ނަވް-ޓެބްސް" >
  2. <li><a href = "#home" data-toggle = "ޓެބް" > ގެ </a> </li>
  3. <li><a href = "#ޕްރޮފައިލް" data-toggle = "ޓެބް" > ޕްރޮފައިލް </a></li>
  4. <li><a href = "#messages" data-toggle = "ޓެބް" > މެސެޖުތައް </a></li>
  5. <li><a href = "#settings" data-toggle = "ޓެބް" > ސެޓިންގސް </a></li>
  6. </ul> އެވެ

ގޮތްތައް

$().ޓެބް

ޓެބް އެލިމެންޓަކާއި ކޮންޓެންޓް ކޮންޓެއިނަރ އެއް އެކްޓިވޭޓް ކުރެއެވެ. ޓެބްގައި ޑީއޯއެމްގައި ކޮންޓެއިނަރ ނޯޑަކަށް ޓާގެޓްކުރާ އެއްޗެއް data-targetނުވަތަ އެއްޗެއް ހުންނަންވާނެއެވެ.href

  1. <ul ކްލާސް = "ނަވް ނަވް-ޓެބްސް" id = "މައިޓެބް" >
  2. <li class = "އެކްޓިވް" ><a href = "#home" > ގެ </a> </li>
  3. <li><a href = "#ޕްރޮފައިލް" > ޕްރޮފައިލް </a></li>
  4. <li><a href = "#messages" > މެސެޖުތައް </a></li>
  5. <li><a href = "#settings" > ސެޓިންގސް </a></li>
  6. </ul> އެވެ
  7.  
  8. <div class = "ޓެބް-ކޮންޓެންޓް" >
  9. <div class = "ޓެބް-ޕޭން އެކްޓިވް" id = "ގެ" > ... </div>
  10. <div class = "ޓެބް-ޕޭން" id = "ޕްރޮފައިލް" > ... </div>
  11. <div class = "ޓެބް-ޕޭން" id = "މެސެޖްތައް" > ... </div>
  12. <div class = "ޓެބް-ޕޭން" id = "ސެޓިންގސް" > ... </div>
  13. </div> އެވެ
  14.  
  15. <ސްކްރިޕްޓް> އެވެ
  16. $ ( ފަންކްޝަން () {
  17. $ ( '#މައިޓެބް އަ:ލަސްޓް' ). tab ( 'ދައްކާ' );
  18. }) އެވެ.
  19. </script> އެވެ

އިވެންޓްސް

ހަރަކާތް ތަފްޞީލު
ދެއްކުން މި އިވެންޓް ފަޔަރ ކުރަނީ ޓެބް ޝޯގައި ނަމަވެސް އާ ޓެބް ދައްކާލުމުގެ ކުރިންނެވެ. އެކްޓިވް ޓެބާއި ކުރީގެ އެކްޓިވް ޓެބަށް (ލިބިފައިވާނަމަ) ޓާގެޓް ކުރުމަށް event.targetއަދި ބޭނުން ކުރާށެވެ .event.relatedTarget
ދައްކާފައި ވެއެވެ މި އިވެންޓް ޓެބް ޝޯގައި ފަޔަރ ކުރަނީ ޓެބެއް ދެއްކުމަށްފަހުގައެވެ. އެކްޓިވް ޓެބާއި ކުރީގެ އެކްޓިވް ޓެބަށް (ލިބިފައިވާނަމަ) ޓާގެޓް ކުރުމަށް event.targetއަދި ބޭނުން ކުރާށެވެ .event.relatedTarget
  1. $ ( 'a[ޑޭޓާ-ޓޮގްލް="ޓެބް"]' ). on ( 'ދައްކާފައި' , ފަންކްޝަން ( އީ ) {
  2. އީ . ޓާގެޓް // އެކްޓިވޭޓް ކޮށްފައިވާ ޓެބް
  3. އީ . relatedTarget // ކުރީގެ ޓެބް
  4. }) އެވެ.

ޓޫލްޓިޕްސް އާއި ބެހޭގޮތުން

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

ފައިލް ޑައުންލޯޑް ކުރާށެވެ

މިސާލަކަށް ޓޫލްޓިޕްސް ބޭނުންކުރުން

ޓޫލްޓިޕްސް ބަލާލުމަށް ތިރީގައިވާ ލިންކްތަކުގެ މައްޗަށް ހޯވަރ ކޮށްލައްވާ:

ޓައިޓް ޕެންޓްސް ނެކްސްޓް ލެވެލް ކެފިޔޭ ތިޔަބޭފުޅުންނަށް ފަހަރެއްގައި އެތަކެތީގެ ވާހަކައެއް އަޑުއިވިފައެއް ނެތް. ފޮޓޯ ޖަގަހަ ތުނބުޅި ރޯ ޑެނިމް ލެޓަރޕްރެސް ވީގަން މެސެންޖަރ ބެގް ސްޓަމްޕްޓައުން. ފާމް ޓު ޓޭބަލް ސެއިޓަން، އެމްސީއެސްވީނީގެ ފިކްސީ ސަސްޓެއިނަބަލް ކިނޯއާ 8 ބިޓް އެމެރިކަން އެޕަރަލްގައި ޓެރީ ރިޗާޑްސަން ވައިނައިލް ޗެމްބްރޭ އެއް ހުންނާނެ އެވެ. ތުނބުޅި ސްޓަމްޕްޓައުން، ކާޑިގަންސް ބަންހް މި ލޯމޯ ތަންޑަރކެޓްސް. ޓޯފޫ ބަޔޯޑީސަލް ވިލިއަމްސްބަރގް މާރފާ، ހަތަރު ލޮކޯ މެކްސްވީނީގެ ކްލީންސް ވީގަން ޗެމްބްރޭ. A really ironic artisan whatever keytar , ސީންސްޓަރ ފާމް-ޓު-ޓޭބަލް ބޭންކްސީ އޮސްޓިން ޓްވިޓަރ ހެންޑްލް ފްރީގަން ކްރެޑް ރޯ ޑެނިމް ސިންގަލް-އޮރިޖިން ކޮފީ ވައިރަލް.


bootstrap-tooltip.js ބޭނުންކޮށްގެންނެވެ

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

  1. $ ( '#މިސާލު' ). ޓޫލްޓިޕް ( އިޚްތިޔާރުތައް ) .

އިޚްތިޔާރުތައް

ނަން ވައްތަރު ޑީފޯލްޓް ތަފްޞީލު
އެނިމޭޝަން އެވެ ބޫލިއަން އެވެ ރަނގަޅު ޓޫލްޓިޕް އަށް css ފޭޑް ޓްރާންސިޝަން އެއް އެޕްލައި ކުރާށެވެ
ޕްލޭސްމަންޓް ސްޓްރިންގް|ފަންކްޝަން 'މަތި' ޓޫލްޓިޕް ޕޮޒިޝަން ކުރާނެ ގޮތް - މަތީ | ތިރީގައި | ކަނާތްފަރާތުން | ކަނާތް
ސެލެކްޓަރ އެވެ ސްޓްރިންގ ރަނގަޅުނޫން ސެލެކްޓަރެއް ފޯރުކޮށްދީފިނަމަ، ޓޫލްޓިޕް އޮބްޖެކްޓްތައް ކަނޑައެޅިފައިވާ ޓާގެޓްތަކަށް ޑެލިގޭޓް ކުރެވޭނެއެވެ.
މަޤާމު ސްޓްރިންގް | ފަންކްޝަން '' އެވެ. `title` ޓެގް ނެތްނަމަ ޑިފޯލްޓް ޓައިޓަލް ވެލިއު
ކަމެއްވުމަށް މެދުވެރިވާ ސަބަބު ސްޓްރިންގ 'ހޯވަރ' އެވެ. ޓޫލްޓިޕް ޓްރިގަރ ކުރާ ގޮތް - hover | ފޯކަސް | މެނުއަލް
ލަސްވުން ނަންބަރު | އެއްޗެއް 0

ޓޫލްޓިޕް ދައްކާ ފޮރުވުން ލަސްކުރުން (ms) - މެނުއަލް ޓްރިގަރ ޓައިޕް އަށް ނުހިނގާނެއެވެ

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

އެއްޗެއްގެ އޮނިގަނޑަކީ:delay: { show: 500, hide: 100 }

ހެޑްސް އަޕް! ވަކިވަކި ޓޫލްޓިޕްތަކުގެ އިޚްތިޔާރުތައް ބަދަލު ގޮތެއްގައި ޑޭޓާ އެޓްރިބިއުޓްތައް ބޭނުންކުރުމުގެ ތެރެއިން ކަނޑައެޅިދާނެއެވެ.

މާކަޕް

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

  1. <a href = "#" rel = "ޓޫލްޓިޕް" title = "ފުރަތަމަ ޓޫލްޓިޕް" > އަހަރެންގެ މައްޗަށް ހޯވަރ ކުރާށެވެ </a>

ގޮތްތައް

$().ޓޫލްޓިޕް(އޮޕްޝަންސް)

އެލިމެންޓް ކަލެކްޝަނަކަށް ޓޫލްޓިޕް ހެންޑްލަރ އެއް އެޓޭޗް ކުރެއެވެ.

.tooltip('ދައްކާ')

އެލިމެންޓެއްގެ ޓޫލްޓިޕް ހާމަކުރެއެވެ.

  1. $ ( '#އެލިމެންޓް' ). ޓޫލްޓިޕް ( 'ދައްކާ' )

.tooltip('ފޮރުވުން')

އެލިމެންޓެއްގެ ޓޫލްޓިޕް ފޮރުވައެވެ.

  1. $ ( '#އެލިމެންޓް' ). ޓޫލްޓިޕް ( 'ފޮރުވުން' )

.ޓޫލްޓިޕް('ޓޮގްލް')

އެލިމެންޓެއްގެ ޓޫލްޓިޕް ޓޮގްލް ކުރެއެވެ.

  1. $ ( '#އެލިމެންޓް' ). ޓޫލްޓިޕް ( 'ޓޮގްލް' )

ޕޮޕޯވަރސް އާއި ބެހޭގޮތުން

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

* ޓޫލްޓިޕް ހިމަނަން ޖެހެއެވެ

ފައިލް ޑައުންލޯޑް ކުރާށެވެ

މިސާލު ހޯވަރ ޕޮޕޯވަރ އެވެ

ޕޮޕޯވަރ ޓްރިގަރ ކުރުމަށް ބަޓަންގެ މައްޗަށް ހޯވަރ ކޮށްލާށެވެ.


bootstrap-popover.js ބޭނުންކޮށްގެންނެވެ

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

  1. $ ( '#މިސާލު' ). popover ( އިޚްތިޔާރުތައް ) .

އިޚްތިޔާރުތައް

ނަން ވައްތަރު ޑީފޯލްޓް ތަފްޞީލު
އެނިމޭޝަން އެވެ ބޫލިއަން އެވެ ރަނގަޅު ޓޫލްޓިޕް އަށް css ފޭޑް ޓްރާންސިޝަން އެއް އެޕްލައި ކުރާށެވެ
ޕްލޭސްމަންޓް ސްޓްރިންގް|ފަންކްޝަން 'ކަނާތް' ޕޮޕޯވަރ ޕޮޒިޝަން ކުރާނެ ގޮތް - ޓޮޕް | ތިރީގައި | ކަނާތްފަރާތުން | ކަނާތް
ސެލެކްޓަރ އެވެ ސްޓްރިންގ ރަނގަޅުނޫން ސެލެކްޓަރެއް ފޯރުކޮށްދީފިނަމަ، ޓޫލްޓިޕް އޮބްޖެކްޓްތައް ކަނޑައެޅިފައިވާ ޓާގެޓްތަކަށް ޑެލިގޭޓް ކުރެވޭނެއެވެ
ކަމެއްވުމަށް މެދުވެރިވާ ސަބަބު ސްޓްރިންގ 'ހޯވަރ' އެވެ. ޓޫލްޓިޕް ޓްރިގަރ ކުރާ ގޮތް - hover | ފޯކަސް | މެނުއަލް
މަޤާމު ސްޓްރިންގް | ފަންކްޝަން '' އެވެ. `title` އެޓްރިބިއުޓް ނެތްނަމަ ޑިފޯލްޓް ޓައިޓަލް ވެލިއު
ކޮންޓެންޓް ސްޓްރިންގް | ފަންކްޝަން '' އެވެ. `data-content` އެޓްރިބިއުޓް ނެތްނަމަ ޑިފޯލްޓް ކޮންޓެންޓް ވެލިއު
ލަސްވުން ނަންބަރު | އެއްޗެއް 0

ޕޮޕޯވަރ ދައްކާ ފޮރުވުން ލަސްކުރުން (ms) - މެނުއަލް ޓްރިގަރ ޓައިޕް އަށް ނުހިނގާނެއެވެ

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

އެއްޗެއްގެ އޮނިގަނޑަކީ:delay: { show: 500, hide: 100 }

ހެޑްސް އަޕް! ވަކިވަކި ޕޮޕޯވަރތަކަށް އޮޕްޝަންތައް ބަދަލު ގޮތެއްގައި ޑޭޓާ އެޓްރިބިއުޓްތައް ބޭނުންކުރުމުގެ ތެރެއިން ކަނޑައެޅިދާނެއެވެ.

މާކަޕް

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

ގޮތްތައް

$().popover(އޮޕްޝަންސް)

އެލިމެންޓް ކަލެކްޝަނަކަށް ޕޮޕޯވަރސް އިނިޝިއަލައިޒް ކުރެއެވެ.

.ޕޮޕޯވަރ('ދައްކާ')

ރިވީލްސް އެން އެލިމެންޓްސް ޕޮޕޯވަރ.

  1. $ ( '#އެލިމެންޓް' ). popover ( 'ދައްކާ' )

.ޕޮޕޯވަރ('ފޮރުވުން')

ފޮރުވަނީ އެލިމެންޓްސް ޕޮޕޯވަރ އެއް.

  1. $ ( '#އެލިމެންޓް' ). popover ( 'ފޮރުވުން' )

.popover('ޓޮގްލް')

އެލިމެންޓްސް ޕޮޕޯވަރ އެއް ޓޮގްލް ކުރެއެވެ.

  1. $ ( '#އެލިމެންޓް' ). popover ( 'ޓޮގްލް' ) .

އެލާޓްތަކާ ބެހޭ ގޮތުން

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

ޑައުންލޯޑް

މިސާލު އެލާޓްތަކެވެ

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

މާތް ގުއަކަމޯލް! ބެސްޓް ޗެކް ޔޯ ސެލްފް، ޔޫ އާ ލޫކިންގ ޓޫ ގޯޑް.

އޯ ސްނެޕް! ތިޔަ ލިބުނީ ގޯހެއް!

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

މި ފިޔަވަޅު އަޅާށެވެ ނޫނީ މިކަން ކުރާށެވެ


bootstrap-alert.js ބޭނުންކޮށްގެންނެވެ

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

  1. $ ( ".އެލާޓް" ). އެލާޓް ()

މާކަޕް

ހަމައެކަނި ތިބާގެ ކްލޯޒް ބަޓަންއަށް އެޑްކޮށްގެން data-dismiss="alert"އޮޓޮމެޓިކުން އެލާޓް ކްލޯޒް ފަންކްޝަނަލިޓީއެއް ލިބޭނެއެވެ.

  1. <a class = "ބަންދުކުރުން" data-dismiss = "އެލާޓް" href = "#" > × </a> އެވެ

ގޮތްތައް

$().އެލާޓް()

ހުރިހާ އެލާޓްތަކެއް ކްލޯސް ފަންކްޝަނަލިޓީއަކާއެކު ވަށާލައެވެ. .fadeބަންދުކުރާއިރު ތިބާގެ އެލާޓްތައް އެނިމޭޓް އައުޓް ކުރުމަށްޓަކައި، އެ އެލާޓްތަކަށް މިހާރުވެސް އެލާޓްކޮށްފައިވާ އަދި .inކްލާސް ހުރިތޯ ބަލާށެވެ .

.alert('ބަންދު')

އެލާޓެއް ބަންދުކުރެއެވެ.

  1. $ ( ".އެލާޓް" ). alert ( 'ބަންދުކުރުން' )

އިވެންޓްސް

ބޫޓްސްޓްރެޕްގެ އެލާޓް ކްލާހުން އެލާޓް ފަންކްޝަނަލިޓީއަށް ހޫކް ކުރުމަށް މަދު އިވެންޓްތަކެއް ހާމަކޮށްދެ އެވެ.

ހަރަކާތް ތަފްޞީލު
ލެއްޕުން މި އިވެންޓް ވަގުތުން ފަޔަރ ވެގެން ދަނީ closeއިންސްޓޭންސް މެތޯޑް ގޮވާލުމުންނެވެ.
ބަންދުކޮށްފި އެވެ މި އިވެންޓް ފަޔަރ ކުރެވެނީ އެލާޓް ބަންދުކޮށްފައި އޮތުމުން (css ޓްރާންސިޝަންތައް ފުރިހަމަވާންދެން މަޑުކުރާނެ) އެވެ.
  1. $ ( '#އަހަރެންގެ-އެލާޓް' ). bind ( 'ބަންދުކޮށްފައި' , ފަންކްޝަން () {
  2. // ކަމެއް ކުރާށެވެ...
  3. }) އެވެ.

ގުޅިގެން

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

ފައިލް ޑައުންލޯޑް ކުރާށެވެ

މިސާލު ބޭނުން ކުރެއެވެ

ސްޓޭޓްތަކާއި ޓޮގްލްސް އަށް ބަޓަންސް ޕްލަގިން ބޭނުން ކުރާށެވެ.

ސްޓޭޓްފުލް އެވެ
ސިންގަލް ޓޮގްލް އެވެ
ޗެކްބޮކްސް
ރޭޑިއޯ…

bootstrap-button.js ބޭނުންކޮށްގެންނެވެ

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

  1. $ ( '.nav-tabs' ). ބަޓަން ()

މާކަޕް

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

  1. <!-- އެއް ބަޓަނެއްގައި ޓޮގްލިންގ އެކްޓިވޭޓް ކުރުމަށް data-toggle="button" އިތުރުކުރުން -->
  2. <button class = "btn" data- toggle = "ބަޓަން" > އެއް ޓޮގްލް </button>
  3.  
  4. <!-- btn-group ގައި ޗެކްބޮކްސް ސްޓައިލް ޓޮގްލިންގ އަށް data-toggle="buttons-checkbox" އިތުރުކުރުން -->
  5. <div ކްލާސް = "ބީޓީއެން-ގްރޫޕް" ޑޭޓާ-ޓޮގްލް = "ބަޓަންސް-ޗެކްބޮކްސް" >
  6. <ބަޓަން ކްލާސް = "btn" > ކަނާތް </button>
  7. <button class = "btn" > މެދު </button>
  8. <button class = "btn" > ކަނާތް </button>
  9. </div> އެވެ
  10.  
  11. <!-- btn-group ގައި ރޭޑިއޯ ސްޓައިލް ޓޮގްލް ކުރުމަށް data-toggle="buttons-radio" އިތުރުކުރުން -->
  12. <div ކްލާސް = "ބީޓީއެން-ގްރޫޕް" ޑޭޓާ-ޓޮގްލް = "ބަޓަންސް-ރޭޑިއޯ" >
  13. <ބަޓަން ކްލާސް = "btn" > ކަނާތް </button>
  14. <button class = "btn" > މެދު </button>
  15. <button class = "btn" > ކަނާތް </button>
  16. </div> އެވެ

ގޮތްތައް

$().ބަޓަން('ޓޮގްލް')

ޓޮގްލްސް ޕުޝް ސްޓޭޓް. ބަޓަން އެކްޓިވޭޓް ކޮށްފައިވާ ކަމުގެ ސިފަ ލިބެއެވެ.

ހެޑްސް އަޕް! data-toggleއެޓްރިބިއުޓް ބޭނުންކޮށްގެން ބަޓަނެއްގެ އޮޓޯ ޓޮގްލިންގ އެނެބަލް ކުރެވޭނެއެވެ .
  1. <ބަޓަން ކްލާސް = "ބީޓީއެން" ޑޭޓާ-ޓޮގްލް = "ބަޓަން" > ... </ބަޓަން>

$().button('ލޯޑިންގ')

ބަޓަން ސްޓޭޓް ލޯޑިންގ އަށް ސެޓްކުރެއެވެ - ބަޓަން ޑިސެބިލްކޮށް ޓެކްސްޓް ލޯޑިންގ ޓެކްސްޓް ބަދަލުކުރެއެވެ. ލޯޑިންގ ޓެކްސްޓް ޑެފިނިޝް ކުރަންވާނީ ޑޭޓާ އެޓްރިބިއުޓް ބޭނުންކޮށްގެން ބަޓަން އެލިމެންޓް ގައެވެ data-loading-text.

  1. <button class = "btn" data-loading-text = "ތަކެތި ލޯޑްކުރަނީ..." > ... </button>
ހެޑްސް އަޕް! ފަޔަރފޮކްސް އިން ޕޭޖް ލޯޑްތަކުގެ ތެރެއިން ޑިސެބިލްޑް ސްޓޭޓް ޕަރސިސްޓް ކުރެއެވެ . މިކަމަށް އޮތް ވޯކްއަރައުންޑަކީ ބޭނުން ކުރުމެވެ autocomplete="off".

$().ބަޓަން('ރީސެޓް')

ބަޓަން ސްޓޭޓް ރީސެޓް ކުރަނީ - ޓެކްސްޓް އަސްލު ޓެކްސްޓަށް ބަދަލުކުރެއެވެ.

$().ބަޓަން(ސްޓްރިންގް)

ބަޓަން ސްޓޭޓް ރީސެޓް ކުރަނީ - ޓެކްސްޓް ކޮންމެ ޑޭޓާއަކުން ކަނޑައެޅިފައިވާ ޓެކްސްޓް ސްޓޭޓަކަށް ބަދަލުކުރެއެވެ.

  1. <button class = "btn" ޑޭޓާ-ކޮމްޕްލީޓް-ޓެކްސްޓް = "ނިމިއްޖެ!" > ... </ބަޓަން> އެވެ
  2. <ސްކްރިޕްޓް> އެވެ
  3. $ ( '.ބީޓީއެން' ). ބަޓަން ( 'ފުރިހަމަ' )
  4. </script> އެވެ

ގުޅިގެން

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

ފައިލް ޑައުންލޯޑް ކުރާށެވެ

* ޓްރާންސިޝަންސް ޕްލަގިން ހިމަނަން ޖެހެއެވެ.

މިސާލު އެކޯޑިއަން

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

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

bootstrap-collapse.js ބޭނުންކޮށްގެންނެވެ

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

  1. $ ( ".ކޮލަޕްސް" ). ކޮލަޕްސް () .

އިޚްތިޔާރުތައް

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

މާކަޕް

ހަމައެކަނި އެޑް data-toggle="collapse"އަދި އަ data-targetޓު އެލިމެންޓް އެއްކޮށްގެން ކޮލެޕްސިބަލް އެލިމެންޓެއްގެ ކޮންޓްރޯލް އޮޓޮމެޓިކުން ޙަވާލު ކުރެވޭނެއެވެ. އެޓްރިބިއުޓް އިން data-targetކޮލެޕްސް އެޕްލައި ކުރުމަށް css ސެލެކްޓަރެއް ބަލައިގަންނައެވެ. collapseކޮލެޕްސިބަލް އެލިމެންޓަށް ކްލާސް އިތުރުކުރުން ޔަގީން ކުރައްވާށެވެ . ޑިފޯލްޓްކޮށް ހުޅުވާލަން ބޭނުންނަމަ، އިތުރު ކްލާސް އިތުރުކުރައްވާށެވެ in.

  1. <button class = "btn btn-danger" data-toggle = "ކޮލަޕްސް" ޑޭޓާ-ޓާގެޓް = "#ޑެމޯ" >
  2. ސާދާ ކޮލެޕްސިބަލް އެވެ
  3. </ބަޓަން> އެވެ
  4.  
  5. <div id = "ޑެމޯ" class = "ކޮލަޕްސް އިން" > ... </div>
ހެޑްސް އަޕް! ކޮލެޕްސިބަލް ކޮންޓްރޯލަކަށް އެކޯޑިއަން ކަހަލަ ގްރޫޕް މެނޭޖްމަންޓް އިތުރުކުރުމަށްޓަކައި، ޑޭޓާ އެޓްރިބިއުޓް އިތުރުކުރުން data-parent="#selector". މިކަން ޢަމަލީ ގޮތުން ބަލާލުމަށް ޑެމޯއަށް ރިފަރ ކުރާށެވެ.

ގޮތްތައް

.ކޮލަޕްސް(އޮޕްޝަންސް)

ކޮލެޕްސިބަލް އެލިމެންޓެއްގެ ގޮތުގައި ތިބާގެ ކޮންޓެންޓް އެކްޓިވޭޓް ކުރެއެވެ. އިޚްތިޔާރީ އިޚްތިޔާރުތަކެއް ބަލައިގަންނަނީ object.

  1. $ ( '#މައިކޮލަޕްސިބަލް' ). ކޮލަޕްސް ({
  2. ޓޮގްލް : ދޮގު
  3. }) އެވެ.

.collapse('ޓޮގްލް')

ކޮލެޕްސިބަލް އެލިމެންޓެއް ދައްކާ ނުވަތަ ފޮރުވުމަށް ޓޮގްލް ކުރެއެވެ.

.collapse('ދައްކާ')

ކޮލެޕްސިބަލް އެލިމެންޓެއް ދައްކައެވެ.

.collapse('ފޮރުވުން')

ކޮލެޕްސިބަލް އެލިމެންޓެއް ފޮރުވައެވެ.

އިވެންޓްސް

ބޫޓްސްޓްރެޕްގެ ކޮލަޕްސް ކްލާސް އިން ކޮލަޕްސް ފަންކްޝަނަލިޓީއަށް ހޫކް ކުރުމަށް މަދު އިވެންޓްތަކެއް ހާމަކޮށްދެ އެވެ.

ހަރަކާތް ތަފްޞީލު
ދެއްކުން މި އިވެންޓް ވަގުތުން ފަޔަރ ވެގެން ދަނީ showއިންސްޓޭންސް މެތޯޑް ގޮވާލުމުންނެވެ.
ދައްކާފައި ވެއެވެ މި އިވެންޓް ފަޔަރ ކުރެވެނީ ކޮލަޕްސް އެލިމެންޓެއް ޔޫޒަރަށް ފެންނަ ގޮތަށް ހެދުމުން (css ޓްރާންސިޝަންތައް ފުރިހަމަވާންދެން މަޑުކުރާނެ) އެވެ.
ފޮރުވުން މި އިވެންޓް ވަގުތުން ފަޔަރ ކުރެވެނީ hideމެތޯޑަށް ގޮވާ ނިމުމުންނެވެ.
ފޮރުވިފައި މި އިވެންޓް ފަޔަރ ކުރެވެނީ ޔޫޒަރަށް ކޮލަޕްސް އެލިމެންޓެއް ފޮރުވިފައި އޮތުމުން (css ޓްރާންސިޝަންތައް ފުރިހަމަވާންދެން މަޑުކުރާނެ) އެވެ.
  1. $ ( '#މައިކޮލަޕްސިބަލް' ). on ( 'ފޮރުވިފައި' , ފަންކްޝަން () {
  2. // ކަމެއް ކުރާށެވެ...
  3. }) އެވެ.

ގުޅިގެން

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

ފައިލް ޑައުންލޯޑް ކުރާށެވެ

މިސާލު

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


bootstrap-typeahead.js ބޭނުންކޮށްގެންނެވެ

ޖާވާސްކްރިޕްޓް މެދުވެރިކޮށް ޓައިޕްއެހެޑް އަށް ގުޅާލާ:

  1. $ ( '.ޓައިޕްއެހެޑް' ). ޓައިޕްއެހެޑް ()

އިޚްތިޔާރުތައް

ނަން ވައްތަރު ޑީފޯލްޓް ތަފްޞީލު
އަސްލު އެރޭ އެވެ [ ] އެވެ. އެކަމާ ދެކޮޅަށް ސުވާލުކުރަންޖެހޭ ޑޭޓާ ސޯސް އެވެ.
ތަކެތި ނަންބަރު 8 ޑްރޮޕްޑައުންގައި ދައްކާނެ ތަކެތީގެ މެކްސް އަދަދު.
މެޗަރ އެވެ ފަންކްޝަން ކޭސް އިންސެންސިޓިވް އެވެ ކިއުއަރީއެއް އެއްޗަކާ އެއްގޮތްތޯ ބެލުމަށް ބޭނުންކުރާ ގޮތް. އެއް އަރގިއުމެންޓެއް ބަލައިގަންނަނީ، އެއާ itemދެކޮޅަށް ސުވާލު ޓެސްޓް ކުރާނެ ޙުއްޖަތެކެވެ. މިހާރު ހުރި ކިއުއަރީއަށް ވަދެވޭނީ this.query. trueކިއުއަރީއަކީ މެޗެއްނަމަ ބޫލިއަން އެއް ރިޓަރން ކުރާށެވެ .
ސޯޓަރ އެވެ ފަންކްޝަން ސީދާ އެއްގޮތް،
ކޭސް ސެންސިޓިވް،
ކޭސް އިންސެންސިޓިވް
އޮޓޯކޮމްޕްލީޓް ނަތީޖާތައް ސޯޓް ކުރުމަށް ބޭނުންކުރާ ގޮތް. އެއް އަރގިއުމެންޓެއް ބަލައިގަނެ items، ޓައިޕްއެހެޑް އިންސްޓޭންސްގެ ސްކޯޕް ލިބިގެންދެއެވެ. މިހާރު ބޭނުންކުރާ ސުވާލަށް ރިފަރެންސް ކުރާނީ this.query.
ހައިލައިޓަރ އެވެ ފަންކްޝަން ހުރިހާ ޑިފޯލްޓް މެޗްތަކެއް ހައިލައިޓް ކުރެއެވެ އޮޓޯކޮމްޕްލީޓް ނަތީޖާތައް ފާހަގަކުރުމަށް ބޭނުންކުރާ ގޮތް. އެއް އަރގިއުމެންޓެއް ބަލައިގަނެ item، ޓައިޕްއެހެޑް އިންސްޓޭންސްގެ ސްކޯޕް ލިބިގެންދެއެވެ. ރިޓަރން ކުރަންވީ html.

މާކަޕް

ޓައިޕްއެހެޑް ފަންކްޝަނަލިޓީ އާއި އެކު އެލިމެންޓެއް ރަޖިސްޓްރީ ކުރުމަށް ޑޭޓާ އެޓްރިބިއުޓްސް އިތުރުކުރުން.

  1. <އިންޕުޓް ޓައިޕް = "ޓެކްސްޓް" ޑޭޓާ-ޕްރޮވައިޑް = "ޓައިޕްއެހެޑް" >

ގޮތްތައް

.ޓައިޕްއެހެޑް(އޮޕްޝަންސް)

ޓައިޕްއެހެޑް އެއް ޖަހައިގެން އިންޕުޓެއް އިނިޝިއަލައިޒް ކުރެއެވެ.