ޓައިޕޮގްރަފިކް ސްކޭލް

މުޅި ޓައިޕޮގްރަފިކް ގްރިޑް ބިނާވެފައިވަނީ އަޅުގަނޑުމެންގެ variables.less ފައިލްގައިވާ ދެ Less ވެރިއޭބަލްގެ މައްޗަށެވެ: @baseFontSizeއަދި @baseLineHeight. ފުރަތަމަ ކަމަކީ މުޅިން ބޭނުންކުރާ ބޭސް ފޮންޓް-ސައިޒް އަދި ދެވަނަ ކަމަކީ ބޭސް ލައިން-ހައިޓް އެވެ.

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

މިސާލު ބޮޑީ ޓެކްސްޓް

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

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

ބާރުއެޅުން ބޭނުންކޮށްގެން

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

ނޯޓް: ހިތްހަމަޖެހިގެން ބޭނުންކޮށް <b>އަދި <i>އެޗްޓީއެމްއެލް5 ގައި ނަމަވެސް އެމީހުންގެ ބޭނުންތަކަށް ތަންކޮޅެއް ބަދަލު އައިސްފައިވެއެވެ. <b>އިތުރު މުހިންމުކަމެއް ފޯރުކޮށްނުދީ ލަފުޒުތައް ނުވަތަ ޢިބާރާތްތައް އަލިއަޅުވާލުމަށް މާނަކޮށްފައިވާއިރު <i>ގިނައިން އަޑާއި، ފަންނީ ލަފުޒުތައް ފަދަ ކަންކަމަށް ވެއެވެ.

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

<address>މިއީ ޓެގް ބޭނުންކުރެވޭނެ ގޮތުގެ ދެ މިސާލެކެވެ.

މިސާލު ކުރުކުރުންތަކެވެ

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

އެޗްޓީއެމްއެލް އަކީ ރޮށި ކޮށާފައި ހުންނަ ފަހުން އެންމެ ރަނގަޅު އެއްޗެކެވެ.

އެޓްރިބިއުޓް މި ލަފުޒުގެ ކުރުކޮށް ލިޔެފައިވާ ލިޔުމަކީ attr އެވެ.

ބްލޮކްކޯޓެއް ހިމަނަން ބޭނުންނަމަ، ކޯޓްގެ ގޮތުގައި <blockquote>ކޮންމެ އެޗްޓީއެމްއެލްއެއް ވެސް ވަށައިގެން އޮޅާލާށެވެ. ސީދާ ކޯޓްތަކަށް އަޅުގަނޑުމެން ލަފާދެނީ އެއް <p>.

<small>ތިމާގެ ސޯސް ސައިޓް ކުރުމަށް އިޚްތިޔާރީ އެލިމެންޓެއް ހިމަނާލުމުން —ސްޓައިލިންގެ ބޭނުމުގައި އޭގެ ކުރިން އެމް ޑޭޝް ލިބޭނެ އެވެ.

<ބްލޮކްކޯޓް> އެވެ
  <p> ލޮރެމް އިޕްސަމް ޑޮލޯރ ސިޓް އަމެޓް، ކޮންސެކްޓެޓަރ އެޑިޕިސިންގ އެލިޓް. އިންޓިޖަރ ޕޮސުއެރެ އެރަޓް އަ އެންޓޭ ވެނެނެޓިސް. </p> އެވެ
  <ކުޑަ> މީހަކު މަޝްހޫރު </small>
</blockquote> އެވެ

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

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

ބޮޑީ އޮފް ވޯކްގައި މަޝްހޫރު މީހެކެވެ

ތިބާގެ ބްލޮކްކޯޓް ކަނާތްފަރާތަށް ފްލޯޓް ކުރުމަށްޓަކައި، އިތުރުކުރައްވާ class="pull-right":

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

ބޮޑީ އޮފް ވޯކްގައި މަޝްހޫރު މީހެކެވެ

އޯޑަރު ނުކުރެވިގެންނެވެ

<ul>

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

ސްޓައިލް ނުކުރެވިގެންނެވެ

<ul class="unstyled">

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

އަމުރުކޮށްފިއެވެ

<ol>

1. ލޮރެމް އިޕްސަމް ޑޮލޯރ ސިޓް އަމެޓް
2. ކޮންސެކްޓެޓަރ އެޑިޕިސިންގ އެލިޓް
3. އިންޓިޖަރ މޮލެސްޓީ ލޮރެމް އެޓް މަސާ
4. ފެސިލިސިސް އިން ޕްރީޓިއަމް ނިސްލް އެލިކެޓް
5. ނޫއްލާ ވޮލޫޓްޕަޓް އަލިކުއަމް ވެލިޓް
6. ފައުސިބަސް ޕޯޓާ ލެކަސް ފްރިންޖިލާ ވެލް
7. އެނިއަން ސިޓް އަމެޓް އެރަޓް ނަންކް
8. އެގޭޓް ޕޯޓިޓޯރ ލޮރެމް

ތަފްޞީލު

<dl>

ޑިސްކްރިޕްޝަން ލިސްޓްތަކެވެ

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

ޔޫއިސްމޮޑް އެވެ

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

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

މަލެސުއަދާ ޕޯޓާ އެވެ

އެޓިއަމް ޕޯޓާ ސެމް މަލެސުއާޑާ މަގްނާ މޮލިސް ޔޫސްމޮޑް.

އިންލައިން

ކޯޑްގެ އިންލައިން ސްނިޕެޓްތައް <code>.

މިސާލަކަށް < code > ބައި </ code > އިންލައިން ގެ ގޮތުގައި އޮޅާލަން ޖެހެއެވެ .  

އަސާސީ ބްލޮކް

<pre>ކޯޑްގެ އެތައް ސަފުހާއަކަށް ބޭނުން ކުރާށެވެ . ރަނގަޅަށް ރެންޑަރ ކުރުމަށްޓަކައި އެއްވެސް ކެރެޓެއް އެމީހުންގެ ޔުނިކޯޑް އަކުރުތަކަށް ބަދަލުކުރުން ޔަގީން ކުރައްވާށެވެ.

<p>މިތަނުގައި ނަމޫނާ ލިޔުމެއް...</p>

<ޕްރީ> އެވެ
  <p>މިތަނުގައި ނަމޫނާ ލިޔުމެއް...</p>
</pre> އެވެ

ނޯޓް:<pre> ޓެގްތަކުގެ ތެރޭގައި ކޯޑް ވީހާވެސް ކަނާތްފަރާތާ ކައިރިއަށް ބެހެއްޓުން ޔަގީން ކުރައްވާ ؛ އެއީ ހުރިހާ ޓެބްތަކެއް ރެންޑަރ ކުރާނެ އެއްޗެކެވެ.

ގޫގުލް ޕްރިޓިފައި އެވެ

ހަމަ އެ <pre>އެލިމެންޓް ނަގައިގެން އެންހަންސްޑް ރެންޑަރިންގ އަށް އިޚްތިޔާރީ ދެ ކްލާސް އިތުރުކޮށްލާށެވެ.

<p> މިތަނުން ނަމޫނާ ލިޔުމެއް... </p>

<ޕްރީ ކްލާސް = "ޕްރިޓީޕްރިންޓް ." 
     ލައިނަމްސް" >
  <p>މިތަނުގައި ނަމޫނާ ލިޔުމެއް...</p>
</pre> އެވެ

google-code-prettify ޑައުންލޯޑްކޮށް ބޭނުންކުރާނެ ގޮތް ރީޑްމީ ބަލާށެވެ.

<މޭޒު> އެވެ
  <ބޮލުގައި> އެވެ
    <tr> އެވެ
      <ތް> ... </th> އެވެ
      <ތް> ... </th> އެވެ
    </tr> އެވެ
  </thead> އެވެ
  <ޓްބޮޑީ> އެވެ
    <tr> އެވެ
      <td> ... </td> އެވެ
      <td> ... </td> އެވެ
    </tr> އެވެ
  </tބޮޑީ> އެވެ
</ޓޭބަލް> އެވެ

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

<ޓޭބަލް ކްލާސް = "ޓޭބަލް" > 
  ...
</ޓޭބަލް> އެވެ

ޒީބްރާ-ސްޓްރައިޕިންގ އިތުރުކޮށްގެން ތިބާގެ މޭޒުތަކާއެކު ކުޑަކޮށް ފެންސީ ކޮށްލައްވާ- ހަމައެކަނި .table-stripedކްލާސް އިތުރުކޮށްލާށެވެ.

ނޯޓް: ސްޕްރިޓް ކުރެވިފައިވާ ޓޭބަލްތަކުގައި :nth-childސީއެސްއެސް ސެލެކްޓަރ ބޭނުންކުރާއިރު، IE7-IE8 ގައި މި ޓޭބަލްތައް ލިބެން ނެތެވެ.

<ޓޭބަލް ކްލާސް = "ޓޭބަލް ޓޭބަލް-ސްޓްރައިޕްޑް" > 
  ...
</ޓޭބަލް> އެވެ

ރީތިކަމުގެ ބޭނުމުގައި މުޅި މޭޒުގެ ވަށައިގެން ބޯޑަރުތަކާއި ވަށައިގެންވާ ކޮޅުތައް އަޅާށެވެ.

<ޓޭބަލް ކްލާސް = "ޓޭބަލް-ބޯޑަރޑް" > 
  ...
</ޓޭބަލް> އެވެ

.table-condensedޓޭބަލް ސެލް ޕެޑިންގ ދެބައިކުޅަ އެއްބައި (8px އިން 4px އަށް) ކަނޑާލުމަށް ކްލާސް އިތުރުކޮށްގެން ތިބާގެ ޓޭބަލްތައް އިތުރަށް ކޮމްޕެކްޓް ކުރާށެވެ .

<ޓޭބަލް ކްލާސް = "ޓޭބަލް ޓޭބަލް-ކޮންޑެންސްޑް" > 
  ...
</ޓޭބަލް> އެވެ

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

<table class = "ޓޭބަލް-ސްޓްރައިޕްޑް ޓޭބަލް-ބޯޑަރޑް ޓޭބަލް-ކޮންޑެންސްޑް" > 
  ...
</ޓޭބަލް> އެވެ

ފްލެކްސިބަލް އެޗްޓީއެމްއެލް އަދި ސީއެސްއެސް އެވެ

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

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

ހަތަރު ލޭއައުޓް ހިމެނެ އެވެ

ބޫޓްސްޓްރެޕް އަށް ފޯމް ލޭއައުޓްގެ ހަތަރު ވައްތަރަކަށް ސަޕޯޓް ލިބެ އެވެ:

• ވަރުގަދަ (ޑިފޯލްޓް) .
• ހޯދުން
• އިންލައިން
• ދިގަށް

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

ކޮންޓްރޯލް ސްޓޭޓްސް އާއި އަދިވެސް އެތައް ކަމެއް

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

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

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

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

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

ހިމެނޭ އެއްޗެއް

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

• ޓެކްސްޓް އިންޕުޓްސް (ޓެކްސްޓް، ޕާސްވޯޑް، އީމެއިލް، ފަދަ)
• ޗެކްބޮކްސް އެވެ
• ރޭޑިއޯ އެވެ
• ޚިޔާރުކުރުން
• މަލްޓިޕަލް ސެލެކްޓް ކުރާށެވެ
• ފައިލް އިންޕުޓް ކުރުން
• ޓެކްސްޓްއޭރިއާ އެވެ

v2.0 އާއެކު އައު ޑިފޯލްޓްތަކެއް

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

އަލުން ޑިޒައިންކޮށްފައިވާ ބްރައުޒާ ސްޓޭޓްސް

disabledބޫޓްސްޓްރެޕްގައި ބްރައުޒާ ސަޕޯޓްކުރާ ފޯކަސްޑް އަދި ސްޓޭޓްސް އަށް ސްޓައިލްތައް ހިމެނެ އެވެ . އަޅުގަނޑުމެން ޑިފޯލްޓް ވެބްކިޓް ނައްތާލައި، އޭގެ ބަދަލުގައި outlineއޭ އެއް އެޕްލައި ކުރަން .box-shadow:focus

ފޯމު ސައްހަކުރުން

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

<ފީލްޑްސެޓް
  class = "ކޮންޓްރޯލް-ގްރޫޕް އެރަރ" >
  ...
</ފީލްޑްސެޓް> އެވެ

ޕްރީޕެންޑް & އެޕެންޑް އިންޕުޓްސް

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

ޗެކްބޮކްސްތަކާއި ރޭޑިއޯތަކެވެ

v1.4 އާ ހަމައަށް ބޫޓްސްޓްރެޕް އަށް ޗެކްބޮކްސްތަކާއި ރޭޑިއޯތައް ސްޓޭކް ކުރުމަށްޓަކައި ވަށައިގެން އިތުރު މާކަޕް ކުރަން ޖެހުނެވެ. މިހާރު، އެއީ ސާދާ ކަމެއް ތަކުރާރު ކުރުމަކީ <label class="checkbox">ދަޓް ރެޕްސް ދަ <input type="checkbox">.

އަދި އިންލައިން ޗެކްބޮކްސް އާއި ރޭޑިއޯ އަށް ވެސް ސަޕޯޓް ކުރެ އެވެ. ހަމައެކަނި .inlineއެއްވެސް .checkboxނުވަތަ އަށް އިތުރުކޮށްލާފައި .radioތިޔަ ނިމުނީ.

އިންލައިން ފޯމްތަކާއި އެޕެންޑް/ޕްރީޕެންޑް ކުރުން

އިންލައިން ފޯމެއްގައި ޕްރީޕެންޑް ނުވަތަ އެޕެންޑް އިންޕުޓްތައް ބޭނުންކުރުމަށްޓަކައި، .add-onއަދި inputއެއް ލައިނެއްގައި، ޖާގައެއް ނެތި ބެހެއްޓުން ޔަޤީންކުރައްވާށެވެ.

ފޯމް ހެލްޕް ޓެކްސްޓް

ފޯމް އިންޕުޓްތަކަށް އެހީ ޓެކްސްޓް އިތުރުކުރުމަށްޓަކައި، އިންޕުޓް އެލިމެންޓަށްފަހު އިންލައިން ހެލްޕް ޓެކްސްޓް ވިތު <span class="help-inline">ނުވަތަ ހެލްޕް ޓެކްސްޓް ބްލޮކް ވިތު ހިމަނާށެވެ.<p class="help-block">

ޢަމަލުތަކަށް ބޭނުންކުރާ ބަޓަންތަކެވެ

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

އެންކަރުތަކާއި ފޯމްތަކަށްޓަކައެވެ

ބަޓަން ސްޓައިލްތައް ކޮންމެ އެއްޗަކަށް ވެސް .btnޖަހާލެވޭނެ އެވެ. އެހެންނަމަވެސް އާންމުކޮށް މިކަންކަން ތަންފީޒު ކުރަން ބޭނުންވާނީ ހަމައެކަނި <a>އަދި <button>އުފެއްދުންތަކަށެވެ.

ނޯޓް:.btn ހުރިހާ ބަޓަންތަކެއްގައި ކްލާސް ހިމަނަންވާނެއެވެ . ބަޓަން ސްޓައިލްސް އަށް ޖަހަން ޖެހޭނީ <button>އަދި <a>އެއްގޮތްކަމަށްޓަކައި އެލިމެންޓްސް އަށެވެ.

އެތައް ސައިޒެއް

ފެންސީ ބޮޑެތި ނުވަތަ ކުދި ބަޓަންތަކެއް ހެއްޔެވެ؟ ހޭވް އެޓް އިޓް!

ޕްރައިމަރީ އެކްޝަން ޢަމަލު

ޕްރައިމަރީ އެކްޝަން ޢަމަލު

ނުކުޅެދުންތެރިކަން ހުންނަ ހާލަތެވެ

ނުކުޅެދުންތެރިކަން ހުންނަ ބަޓަންތަކަށް، .btn-disabledލިންކްތަކަށް އަދި އެލިމެންޓްތަކަށް :disabledބޭނުންކުރާށެވެ .<button>

ޕްރައިމަރީ އެކްޝަން ޢަމަލު

ޕްރައިމަރީ އެކްޝަން ޢަމަލު

ކްރޮސް ބްރައުޒާ ކޮމްޕެޓިބިލިޓީ

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

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

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

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

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

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

ބޭނުންކުރާނެ ގޮތް

v2.0.0 އާއެކު، އަޅުގަނޑުމެންގެ <i>ހުރިހާ އައިކޮންތަކަށް ޓެގެއް ބޭނުން ކުރަން އަޅުގަނޑުމެން ނިންމާފައިވީނަމަވެސް، އެ އައިކޮންތަކުގައި ކޭސް ކްލާހެއް ނެތް- ހަމައެކަނި ޝެއަރޑް ޕްރިފިކްސްއެކެވެ. ބޭނުން ކުރުމަށްޓަކައި ތިރީގައިވާ ކޯޑް ގާތްގަނޑަކަށް ކޮންމެ ތަނެއްގައި ވެސް ބަހައްޓާށެވެ.

<i ކްލާސް = "އައިކޮން-ހޯދުން" ></i> 

އަދި އިންވާޓްޑް (ހުދު) އައިކޮންތަކަށް ވެސް ސްޓައިލްތައް ލިބެން ހުރެއެވެ، ​​އިތުރު އެއް ކްލާހަކާއެކު ތައްޔާރުކޮށްފައި ހުރެއެވެ:

<i class = "އައިކޮން-ހޯދުން އައިކޮން-ހުދު" ></i> 

ތިމާގެ އައިކޮންތަކަށް 120 ކްލާސް އިންތިހާބު ކުރެވޭނެ އެވެ. ހަމައެކަނި <i>ރަނގަޅު ކްލާސްތަކާއެކު ޓެގެއް އިތުރުކޮށްލުމުން ތިޔަ ސެޓް ވެއްޖެއެވެ. ފުރިހަމަ ލިސްޓް sprites.less އިން ނުވަތަ ހަމަ މިތަނުން މި ލިޔުމުން ލިބިވަޑައިގަންނަވާނެއެވެ.

ކޭސްތައް ބޭނުން ކުރާށެވެ

އައިކޮންތަކަކީ މޮޅު އެއްޗެހި ނަމަވެސް އެތަކެތި ބޭނުންކުރާނީ ކޮންތާކު ހެއްޔެވެ؟ ތިރީގައި މިވަނީ މަދު ޚިޔާލުތަކެކެވެ.

• ތިބާގެ ސައިޑްބާ ނެވިގޭޝަނަށް ވިޝުއަލްސްގެ ގޮތުގައި
• ޚުދު އައިކޮން ޑްރައިވް ނެވިގޭޝަނަކަށްޓަކައެވެ
• ޢަމަލެއްގެ މާނަ ފޯރުކޮށްދިނުމަށް އެހީތެރިވެދޭ ބަޓަންތަކަށްޓަކައެވެ
• ޔޫޒަރެއްގެ މަންޒިލުގައި ކޮންޓެކްސްޓް ހިއްސާ ކުރުމަށް ލިންކްތަކާއެކު

މުހިންމު ގޮތެއްގައި <i>ޓެގް ޖަހާލެވޭ ކޮންމެ ތަނެއްގައި އައިކޮން ޖަހާލެވޭނެ އެވެ.

ރިފްރެޝް ކޮށްލާށެވެ ޗެކްއައުޓް ކޮށްލާށެވެ ޑިލީޓް

ކޮމެންޓް ސެޓިންގސް އިތުރު މަޢުލޫމާތު