د تڼۍ ډلې

د یو جامع برخې په توګه د ډیری بټونو سره یوځای کولو لپاره د تڼۍ ګروپونه وکاروئ. دوی د یو لړ <a>یا <button>عناصرو سره جوړ کړئ.

تاسو کولی شئ د ډیرو پیچلو پروژو لپاره سیټونه هم یوځای کړئ <div class="btn-group">.<div class="btn-toolbar">

د نښه کولو بیلګه

دلته دا دی چې څنګه HTML د معیاري بټن ګروپ لپاره ګوري چې د لنگر ټګ بټونو سره جوړ شوی:

<div class = "btn-group" > 
  <a class = "btn" href = "#" > 1 </a>  
  <a class = "btn" href = "#" > 2 </a>  
  <a class = "btn" href = "#" > 3 </a>  
</div>

او د ډیری ډلو لپاره د وسیلې پټې سره:

<div class = "btn-toolbar" > 
  <div class = "btn-group" > 
    ...
  </div>
</div>

چک بکس او د راډیو خوندونه

د تڼۍ ګروپونه هم کولی شي د راډیو په توګه کار وکړي، چیرې چې یوازې یو تڼۍ فعاله وي، یا د چک بکسونه، چیرې چې هر شمیر بټن فعال وي. د دې لپاره جاواسکریپټ اسناد وګورئ .

جاواسکریپټ ترلاسه کړئ »

سر پورته کړه

د تڼۍ ګروپونو لپاره CSS په جلا فایل کې دی، button-groups.less.

تڼۍ ښکته کول

د ډراپ ډاون مینو د متحرک کولو لپاره هره تڼۍ وکاروئ دا په دننه کې ځای په ځای .btn-groupکولو او مناسب مینو مارک اپ چمتو کولو سره.

د نښه کولو بیلګه

د تڼۍ ډلې ته ورته، زموږ مارک اپ د منظم تڼۍ مارک اپ کاروي، مګر د سټایل اصلاح کولو او د بوټسټریپ ډراپ ډاون jQuery پلگ ان ملاتړ کولو لپاره د یو څو اضافو سره.

<div class = "btn-group" > 
  <a class = "btn dropdown-toggle" data-toggle = "dropdown" href = "#" >   
    عمل
    <span class = "caret" ></span> 
  </a>
  <ul class = "dropdown-menu" > 
    <!-- د ښکته کولو مینو لینکونه -->
  </ul>
</div>

د ویشلو تڼۍ ډراپ ډاون

د تڼۍ ګروپ سټایلونو او مارک اپ باندې رامینځته کول ، موږ کولی شو په اسانۍ سره د سپلایټ تڼۍ رامینځته کړو. د سپلایټ بټن په ښي خوا کې یو معیاري عمل او په ښي خوا کې د متناسب لینکونو سره یو ډراپ ډاون ټګل وړاندې کوي.

د نښه کولو بیلګه

موږ د عادي تڼۍ ډراپ ډاونونو ته پراختیا ورکوو ترڅو د دوهم تڼۍ عمل چمتو کړو چې د جلا ډراپ ډاون محرک په توګه کار کوي.

<div class = "btn-group" > 
  <a class = "btn" href = "#" > عمل </a>  
  <a class = "btn dropdown-toggle" data-toggle = "dropdown" href = "#" >   
    <span class = "caret" ></span> 
  </a>
  <ul class = "dropdown-menu" > 
    <!-- د ښکته کولو مینو لینکونه -->
  </ul>
</div>

ځواکمن بیس کلاس

دلته د نیوی ټول برخې - ټبونه، ګولۍ، او لیستونه - د ټولګي له لارې ورته اساس مارک اپ او سټایلونه شریکوي ..nav

ولې ټبونه او ګولۍ

په بوټسټریپ کې ټبونه او ګولۍ په <ul>ورته اصلي HTML سره جوړ شوي ، د لینکونو لیست. یوازې د ټولګي سره د ټبونو یا ګولیو ترمینځ تبادله وکړئ.

دواړه اختیارونه د منځپانګې فرعي برخو یا د اړونده منځپانګو د پاڼو تر منځ د نیولو لپاره خورا ښه دي.

بنسټیز ټبونه

<ul>منظم لینکونه واخلئ او اضافه کړئ .nav-tabs:

• کور
• پروفایل
• پیغامونه

<ul class = "nav nav-tabs" > 
  <li class = "فعال" > 
    <a href="#" > کور </a> _ _ 
  </li>
  <li><a href = "#" > ... </a></li> 
  <li><a href = "#" > ... </a></li> 
</ul>

اساسي ګولۍ

ورته HTML واخلئ، مګر .nav-pillsپرځای یې وکاروئ:

• کور
• پروفایل
• پیغامونه

<ul class = "nav nav-pills" > 
  <li class = "فعال" > 
    <a href="#" > کور </a> _ _ 
  </li>
  <li><a href = "#" > ... </a></li> 
  <li><a href = "#" > ... </a></li> 
</ul>

دوی څنګه ذخیره کول

لکه څنګه چې ټبونه او ګولۍ د ډیفالټ له مخې افقی دي، یوازې دوهم ټولګي اضافه کړئ .nav-stacked، د دې لپاره چې دوی په عمودي ډول پټ شوي وي.

پټې شوي ټبونه

• کور
• پروفایل
• پیغامونه

<ul class = "nav nav-tabs nav-stacked" > 
  ...
</ul>

ډډ شوي ګولۍ

• کور
• پروفایل
• پیغامونه

<ul class = "nav nav-pills nav-stacked" > 
  ...
</ul>

بډایه مینو اسانه کړي

په بوټسټریپ ټبونو او ګولیو کې د ډراپ ډاون مینو خورا اسانه دي او یوازې یو څه اضافي HTML او لږ وزن لرونکي jQuery پلگ ان ته اړتیا لري.

د جاواسکریپټ پا pageې ته لاړشئ ترڅو په بوټسټریپ کې د ډراپ ډاون پیل کولو په اړه اسناد ولولئ .

ټبونه د ښکته کیدو سره

• کور
• پروفایل
• ښکته کول
  • عمل
  • بل عمل
  • دلته بل څه
  • جلا شوی لینک

<ul class = "nav nav-tabs" > 
  <li class = " dropdown" > 
    <a ټولګي = "ډراپ-ډاون-ټوګل" 
       data-toggle = "غورځیدل"
       href = "#" >
        ښکته کول
        <b class = "caret" ></b> 
      </a>
    <ul class = "dropdown-menu" > 
      <!-- لینکونه -->
    </ul>
  </li>
</ul>

ګولۍ د ښکته کیدو سره

• کور
• پروفایل
• ښکته کول
  • عمل
  • بل عمل
  • دلته بل څه
  • جلا شوی لینک

<ul class = "nav nav-pills" > 
  <li class = " dropdown" > 
    <a ټولګي = "ډراپ-ډاون-ټوګل" 
       data-toggle = "غورځیدل"
       href = "#" >
        ښکته کول
        <b class = "caret" ></b> 
      </a>
    <ul class = "dropdown-menu" > 
      <!-- لینکونه -->
    </ul>
  </li>
</ul>

د اپلیکیشن سټایل نیویګیشن

د نیوی لیستونه د اختیاري سرلیکونو سره د نیوی لینکونو ګروپونو جوړولو لپاره ساده او اسانه لار وړاندې کوي. دوی په OS X کې د موندونکي په څیر په سایډ بارونو کې غوره کارول کیږي.

په ساختماني ډول، دوی د ټبونو او ګولیو په څیر په ورته اصلي نیوی سټایلونو کې جوړ شوي، نو کارول او دودیز کول مستقیم دي.

د شبیانو سره

د نیوی لیستونه د شبیهونو سره تجهیز کول هم اسانه دي. د ټولګي سره مناسب <i>ټګ اضافه کړئ او تاسو تنظیم شوي یاست.

د نمونې nav لیست

د لینکونو لیست واخلئ او اضافه کړئ class="nav nav-list":

<ul class = "nav nav-list" > 
  <li class = "nav-header" > 
    د لیست سرلیک
  </li>
  <li class = "فعال" > 
    <a href="#" > کور </a> _ _ 
  </li>
  <li>
    <a href="#" > کتابتون </a> _ _ 
  </li>
  ...
</ul>

د عکسونو سره مثال

ورته مثال، مګر <i>د شبیانو لپاره د ټاګونو سره.

<ul class = "nav nav-list" > 
  ...
  <li>
    <a href="#" > _ _ 
      <i class = "icon-book" ></i> 
      کتابتون
    </a>
  </li>
  ...
</ul>

څه پکې شامل دي

خپل ټبونه د ساده پلگ ان سره ژوند ته راوړو ترڅو د ټبونو له لارې د مینځپانګې ترمینځ بدل شي. بوټسټریپ د میز وړ ټبونه په څلورو سټایلونو کې مدغم کوي: پورتنۍ (ډیفالټ) ، ښیې ، ښکته او کیڼ.

د دوی ترمینځ بدلول اسانه دي او یوازې خورا لږ مارک اپ بدلولو ته اړتیا لري.

د جدول وړ مثال

د دې لپاره چې ټبونه د میز کولو وړ وي، .nav-tabsد ټولګي سره په بل ډیوی کې وتړئ .tabbable.

دودیز jQuery پلگ ان

ټول د میز وړ ټبونه زموږ د سپک وزن jQuery پلگ ان لخوا پرمخ وړل کیږي. د جاوا سکرپٹ ډاکس پاڼې کې ژوند ته د ټب وړ ټبونو راوستلو څرنګوالي په اړه نور ولولئ.

جاواسکریپټ ترلاسه کړئ →

ټبونه په ښکته کې

د HTML ترتیب فلیپ کړئ او په لاندې کې د ټبونو ایښودلو لپاره ټولګي اضافه کړئ.

<div class = "tabable tabs-below" > 
  <div class = "tab-content" > 
    ...
  </div>
  <ul class = "nav nav-tabs" > 
    ...
  </ul>
</div>

ټبونه په ښي خوا کې

ټولګي بدل کړئ ترڅو ټبونه چپ اړخ ته واچوئ.

<div class = "tabable tabs-left" > 
  <ul class = "nav nav-tabs" > 
    ...
  </ul>
  <div class = "tab-content" > 
    ...
  </div>
</div>

ښي خوا ته ټبونه

ښي خوا ته د ټبونو د ایښودلو لپاره ټولګي بدل کړئ.

<div class = "tabbable tabs-right" > 
  <ul class = "nav nav-tabs" > 
    ...
  </ul>
  <div class = "tab-content" > 
    ...
  </div>
</div>

د Navbar scaffolding

نوبار یوازې یو څو ویشونو ته اړتیا لري ترڅو د جامد یا ثابت نندارتون لپاره ښه جوړښت وکړي.

<div class = "navbar" > 
  <div class = "navbar-inner" > 
    <div class = "کانټینر" > 
      ...
    </div>
  </div>
</div>

د دې لپاره چې نیوبار د لید پورټ پورتنۍ برخې ته فکس کړئ .navbar-fixed-top، په بهرنۍ برخه کې اضافه کړئ ، .navbar. ستاسو په CSS کې، تاسو به هم اړتیا ولرئ د هغه اضافه کولو لپاره حساب وکړئ چې دا padding-top: 40px;ستاسو <body>په .

<div class = "navbar navbar-fixed-top" > 
  ...
</div>

د برانډ نوم

ستاسو د برانډ یا پروژې نوم ښودلو لپاره یو ساده لینک یوازې د لنگر ټګ ته اړتیا لري.

<a class = "برانډ" href = "#" >  
  د پروژې نوم
</a>

د لټون فورمه

.navbar-searchد لټون فورمې د ټولګي سره په نوبار کې دودیز سټایلونه ترلاسه کوي . د سمولو لپاره یې شامل کړئ .pull-leftیا .pull-rightیې په کې شامل کړئ form.

<form class = "navbar-search pull-left" > 
  د انپټ ډول = "متن" کلاس = "لټون-پوښتنه" ځای لرونکی = "لټون" >   
</form>

اختیاري ځواب ویونکی تغیر

ستاسو په ټاپ بار کې د مینځپانګې مقدار پورې اړه لري ، تاسو ممکن ځواب ورکوونکي اختیارونه پلي کړئ. د دې کولو لپاره، خپل د nav منځپانګې په یوه لرونکی div کې .nav-collapse.collapseوتړئ، او د نیوبار ټګل تڼۍ اضافه کړئ .btn-navbar.

<div class = "navbar" > 
  <div class = "navbar-inner" > 
    <div class = "کانټینر" > 
 
      -->
      <a class = "btn btn-navbar" data-toggle = "collapse" data-target = ".nav-collapse" >   
        <span class = "icon-bar" ></span> 
        <span class = "icon-bar" ></span> 
        <span class = "icon-bar" ></span> 
      </a>
 
      <!-- ډاډه اوسئ چې برانډ هلته پریږدئ که تاسو غواړئ دا وښودل شي -->
      <a class = "برانډ" href = "#" > د پروژې نوم </a>  
 
      <!-- هر څه چې تاسو غواړئ په 940px یا لږ کې پټ کړئ، دلته دننه ځای په ځای کړئ -->
      <div class = "nav-collapse" > 
        -->
      </div>
 
    </div>
  </div>
</div>

نوي لینکونه

د غیر منظم لیستونو له لارې د نوي توکي اضافه کول ساده دي.

<ul class = "nav" > 
  <li class = "فعال" > 
    <a href="#" > کور </a> _ _ 
  </li>
  <li><a href = "#" > لینک </a></li> 
  <li><a href = "#" > لینک </a></li> 
</ul>

د ښکته کیدو اضافه کول

nav ته د ډراپ ډاونونو اضافه کول خورا ساده دي ، مګر زموږ د جاواسکریپټ پلگ ان کارولو ته اړتیا لري .

<ul class = "nav" > 
  <li class = " dropdown" > 
    <a href = "#" 
          ټولګي = "د ښکته کول"
          data-toggle = "ډراپ ډاون" >
          حساب
          <b class = "caret" ></b> 
    </a>
    <ul class = "dropdown-menu" > 
      ...
    </ul>
  </li>
</ul>

جاواسکریپټ ترلاسه کړئ →

ولې یې وکاروئ

د Breadcrumb نیویګیشن د کاروونکو د ښودلو لپاره د یوې لارې په توګه کارول کیږي چیرې چې دوی په اپلیکیشن یا سایټ کې دي، مګر د لومړني نیویګیشن لپاره نه. د دوی کارول لږ او لنډ وساتئ ترڅو خورا اغیزمن وي.

مثالونه

یو واحد مثال ښودل شوی لکه څنګه چې دا ممکن په ډیری پاڼو کې ښودل شي.

• کور

• کور /
• کتابتون

• کور /
• کتابتون /
• ډاټا

مارک اپ

HTML د لینکونو سره ستاسو معیاري غیر منظم لیست دی.

<ul class = "breadcrumb" > 
  <li>
    <a href="#" > کور </a> <span class = " divider " > / < / span>   
  </li>
  <li>
    <a href="#" > کتابتون </a> <span class = " divider " > / < / span>   
  </li>
  <li class = "فعال" > 
    <a href="#" > ډاټا </a> _ _ 
  </li>
</ul>

کله چې وکارول شي

الټرا ساده او لږ تر لږه سټایل شوی پاڼه د Rdio لخوا الهام شوې، د ایپسونو او لټون پایلو لپاره عالي. لوی بلاک له لاسه ورکول سخت دي، په اسانۍ سره د توزیع وړ، او لوی کلک ساحې چمتو کوي.

د رسمي پاڼې لینکونه

لینکونه د تنظیم وړ دي او په یو شمیر شرایطو کې د سم ټولګي سره کار کوي. .disabledد نه کلیک کولو وړ لینکونو او .activeاوسنۍ پاڼې لپاره.

د انعطاف وړ سمون

د صفحې د لینکونو د سمون لپاره د دوو اختیاري ټولګیو څخه یو اضافه کړئ: .pagination-centeredاو .pagination-right.

مثالونه

د ډیفالټ مخ کولو اجزا انعطاف وړ ده او په یو شمیر تغیراتو کې کار کوي.

مارک اپ

په . <div>_<ul>

<div class = "صفحه کول" > 
  <ul>
    <li><a href = "#" > مخکینی </a></li> 
    <li class = "فعال" > 
      <a href="#" > 1 </a> _ _ 
    </li>
    <li><a href = "#" > 2 </a></li> 
    <li><a href = "#" > 3 </a></li> 
    <li><a href = "#" > 4 ​​</a></li> 
    <li><a href = "#" > بل </a></li> 
  </ul>
</div>

د پیجر په اړه

د پیجر اجزا د روښنايي مارک اپ او حتی د سپک سټایلونو سره د ساده صفحې پلي کولو لپاره د لینکونو مجموعه ده. دا د ساده سایټونو لکه بلاګونو یا مجلو لپاره خورا ښه دی.

ډیفالټ مثال

د ډیفالټ په واسطه، پیجر مرکزونه لینکونه لري.

• مخکینی
• بل

<ul class = "پیجر" > 
  <li>
    <a href="#" > پخوانی </a> _ _ 
  </li>
  <li>
    <a href="#" > بل </a> _ _ 
  </li>
</ul>

تړل شوي لینکونه

په بدیل سره، تاسو کولی شئ هر لینک د اړخونو سره سم کړئ:

• ← زوړ
• نوی →

<ul class = "پیجر" > 
  <li class = "پخوانی" > 
    <a href="#" > & larr ; زوړ </a> 
  </li>
  <li class = "بل" > 
    <a href="#" > نوی & rarr ; </a> 
  </li>
</ul>

ډیفالټ تمبیلونه

د ډیفالټ په واسطه، د بوټسټریپ تمبیلونه د لږترلږه اړین مارک اپ سره تړل شوي عکسونو ښودلو لپاره ډیزاین شوي.

په لوړه کچه د تنظیم وړ

د یو څه اضافي مارک اپ سره، دا ممکنه ده چې هر ډول HTML منځپانګې لکه سرلیکونه، پراګرافونه، یا تڼۍ په تمبیلونو کې اضافه کړئ.

• 

  د تمبیل لیبل

  Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.

  عمل عمل

• 

  د تمبیل لیبل

  Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.

  عمل عمل

ولې تمبیلونه وکاروئ

تمبیلونه (پخوا .media-gridتر v1.4 پورې) د عکسونو یا ویډیوګانو گرډونو ، د عکس لټون پایلو ، پرچون محصولاتو ، پورټ فولیو او نور ډیر څه لپاره عالي دي. دوی کولی شي لینکونه یا جامد مواد وي.

ساده، انعطاف منونکی مارک اپ

د تمبیل مارک اپ ساده دی - د ulهر شمیر liعناصرو سره ټول هغه څه دي چې ورته اړتیا وي. دا خورا انعطاف منونکی هم دی ، د هر ډول مینځپانګې لپاره یوازې یو څه ډیر مارک اپ سره ستاسو مینځپانګې وتړئ.

د گرډ کالم اندازه کاروي

په نهایت کې ، د تمبیل جز د تمبنیل ابعادو کنټرول لپاره د موجوده گرډ سیسټم ټولګي — لکه .span2یا — کاروي..span3

مارک اپ

لکه څنګه چې مخکې یادونه وشوه، د تمبیلونو لپاره اړین مارک اپ روښانه او مستقیم دی. دلته د تړل شوي عکسونو لپاره ډیفالټ ترتیب ته یو نظر دی :

<ul class = "thumbnails" > 
  <li class = "span3" > 
    <a href="#" class="thumbnail" > _ _ _ _  
      <img src = "https://placehold.it/260x180" alt = "" >  
    </a>
  </li>
  ...
</ul>

په تمبیلونو کې د دودیز HTML منځپانګې لپاره، مارک اپ یو څه بدلون کوي. د بلاک کچې مینځپانګې ته هرچیرې اجازه ورکولو لپاره ، موږ <a>د ورته ډول لپاره تبادله کوو <div>:

<ul class = "thumbnails" > 
  <li class = "span3" > 
    <div class = "thumbnail" > 
      <img src = "https://placehold.it/260x180" alt = "" >  
      <h5> د تمبیل لیبل </h5>
      <p> د تمبنیل سرلیک دلته دلته... </p>
    </div>
  </li>
  ...
</ul>

نور مثالونه

خپل ټول اختیارونه د مختلف گرډ ټولګیو سره چې تاسو ته شتون لري وپلټئ. تاسو کولی شئ مختلف اندازې مخلوط او میچ کړئ.

بیا لیکل شوی بیس کلاس

د Bootstrap 2 سره، موږ د بیس کلاس ساده کړی .alertدی: پرځای .alert-message. موږ لږ تر لږه اړین مارک اپ هم کم کړی <p>دی - د ډیفالټ لخوا هیڅ اړتیا نشته، یوازې بهرنی <div>.

یو واحد خبرتیا پیغام

د لږ کوډ سره د ډیر دوامدار اجزا لپاره، موږ د بلاک خبرتیاو لپاره توپیر لرونکی لید لرې کړی، هغه پیغامونه چې د ډیرو پیډینګ سره راځي او معمولا ډیر متن. ټولګی هم بدل شوی دی .alert-block.

د جاوا سکرپٹ سره ښه ځي

بوټسټریپ د عالي jQuery پلگ ان سره راځي چې د خبرتیا پیغامونو ملاتړ کوي ، د دوی ګړندي او اسانه ګوښه کول.

پلگ ان ترلاسه کړئ »

بېلګې خبرتیاوې

خپل پیغام او اختیاري نږدې آیکون په یوه ډیوی کې د ساده ټولګي سره وتړئ.

<div class = "خبرتیا" > 
  <a class = "نږدې" > × </a> 
  <strong> خبرداری! </strong> د ځان لپاره غوره وګورئ، تاسو ډیر ښه نه یاست.
</div>

په اسانۍ سره د معیاري خبرتیا پیغام د دوه اختیاري ټولګیو سره پراخ کړئ: .alert-blockد ډیرو پیډینګ او متن کنټرولونو .alert-headingلپاره او د ورته سرلیک لپاره.

<div class = "alert alert-block" > 
  <a class = "نږدې" > × </a> 
  <h4 class = "alert-heading" > خبرداری! </h4> 
  خپل ځان ته غوره وګورئ، تاسو نه یاست ...
</div>

خطا او خطر

<div class = "alert alert-error" > 
  ...
</div>

بریالیتوب

<div class = "خبرتیا الرټ-بریالی" > 
  ...
</div>

معلومات

<div class = "alert alert-info" > 
  ...
</div>

بنسټیز

د عمودی ګریډینټ سره د ډیفالټ پرمختګ بار.

<div class = "پرمختګ" > 
  <div class = "bar" 
       سټایل = " پلنوالی : 60 ٪؛ " ></div> 
</div>

پټه

د پټو اغیزو رامینځته کولو لپاره تدریجي کارول کیږي.

<div class = "progress progress-info 
     پرمختگ پټه " >
  <div class = "bar" 
       سټایل = " پلورل : 20 ٪؛ " ></div> 
</div>

متحرک

پټه بیلګه اخلي او متحرک کوي.

<div class = "پرمختګ پرمختګ - خطر 
     د پرمختګ پټه فعاله >
  <div class = "bar" 
       سټایل = " پلنوالی : 40 ٪؛ " ></div> 
</div>

اضافي رنګونه

د پرمختګ بارونه د ورته سټایل کولو لپاره د بټونو او خبرتیاو په توګه د ورته ټولګي ځینې نومونه کاروي.

• .progress-info
• .progress-success
• .progress-danger

په بدیل سره، تاسو کولی شئ لږ فایلونه تنظیم کړئ او خپل رنګونه او اندازې رول کړئ.

چلند

د پرمختګ بارونه د CSS3 لیږدونه کاروي، نو که تاسو په متحرک ډول د جاوا سکرپٹ له لارې پلنوالی تنظیم کړئ، نو دا به په اسانۍ سره اندازه شي.

که تاسو .activeټولګي وکاروئ، ستاسو د .progress-stripedپرمختګ بارونه به پټې له کیڼ څخه ښیې ته متحرک کړي.

د براوزر ملاتړ

د پرمختګ بارونه د دوی ټولو اغیزو ترلاسه کولو لپاره CSS3 تدریجي ، لیږدونه ، او متحرکات کاروي. دا ځانګړتیاوې په IE7-8 یا د فایرفوکس پخوانیو نسخو کې نه ملاتړ کیږي.

اوپیرا پدې وخت کې د متحرکاتو ملاتړ نه کوي.

ویلز

په یو عنصر باندې د ساده تاثیر په توګه څاه وکاروئ ترڅو دا د انسټیټ تاثیر ورکړي.

<div class = "ښه" > 
  ...
</div>

برجونه

د نه لوستل شوي شمیر لپاره یا د ساده شاخص په توګه په یو عنصر کې بیج وکاروئ.

<span class = "بیج" > 3 </div> 

آیکون بند کړئ

د منځپانګې لکه موډلونو او خبرتیاو د ردولو لپاره د عمومي نږدې آیکون څخه کار واخلئ.

×

<a class = "بند" > × </a>