စာစီစာရိုက်စကေး

စာစီစာရိုက်ဇယားတစ်ခုလုံးသည် ကျွန်ုပ်တို့၏ variables.less ဖိုင်ရှိ Less variable နှစ်ခုအပေါ် အခြေခံသည်- @baseFontSizeနှင့် @baseLineHeight. ပထမတစ်ခုသည် တစ်လျှောက်လုံးအသုံးပြုသည့် အခြေခံဖောင့်အရွယ်အစားဖြစ်ပြီး ဒုတိယမှာ အခြေခံမျဉ်းအမြင့်ဖြစ်သည်။

ကျွန်ုပ်တို့သည် ကျွန်ုပ်တို့အမျိုးအစားအားလုံးနှင့် အခြားအရာအားလုံး၏အနားသတ်များ၊ အကွက်များနှင့် မျဉ်းကြောင်းအမြင့်များကို ဖန်တီးရန် ထိုကိန်းရှင်များနှင့် သင်္ချာအချို့ကို အသုံးပြုပါသည်။

ဥပမာ ကိုယ်ထည်စာသား

Nullam quis risus eget urna mollis ornare vel eu leo။ Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam id dolor id nibh ultricies vehicula ut id elit ။

Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor ။ Duis mollis၊ est non commodo luctus၊ nisi erat porttitor ligula၊ eget lacinia odio sem nec elit။ Donec sed odio dui ။

အလေးပေးအသုံးပြုခြင်း။

Fusce dapibus , tellus ac cursus commodo , tortor mauris condimentum nibh , ut fermentum massa justo sit amet risus။ Maecenas faucibus mollis interdum Nulla vitae elit libero၊ pharetra augue။

မှတ်ချက်-<b> HTML5 တွင် လွတ်လပ်စွာအသုံးပြုနိုင် <i>သော်လည်း ၎င်းတို့၏အသုံးပြုမှုမှာ အနည်းငယ်ပြောင်းလဲသွားပါသည်။ အများအားဖြင့် အသံ၊ နည်းပညာဆိုင်ရာ အသုံးအနှုန်းများ စသည်ဖြင့် အ <b>ပိုအရေးပါမှုကို မဖော်ပြဘဲ စကားလုံးများ သို့မဟုတ် စကားစုများကို မီးမောင်းထိုးပြရန် ရည်ရွယ်သည် ။<i>

နမူနာလိပ်စာများ

<address>ဤတွင် tag ကိုမည်သို့သုံးနိုင်သည်၏ဥပမာနှစ်ခုဖြစ်သည် ။

ဥပမာ အတိုကောက်များ

အတိုကောက်များကို စာလုံးအကြီးနှင့် အောက်ခြေ အစက်အပြောက်အလင်းဖြင့် ပုံစံထားသည်။ ၎င်းတို့တွင် ဟာဗာပေါ်တွင် အကူအညီ ကာဆာတစ်ခုလည်း ပါရှိသောကြောင့် သုံးစွဲသူများက မောက်စ်ပေါ်တွင် တစ်စုံတစ်ခုကို ပြသမည့် အပိုညွှန်ပြချက်တစ်ခုရှိသည်။

HTML သည် ပေါင်မုန့်လှီးပြီးကတည်းက အကောင်းဆုံးဖြစ်သည်။

စကားလုံး attribute ၏ အတိုကောက်သည် attr ဖြစ်သည်။

blockquote ပါ၀င်ရန်၊ ကိုးကားချက်အဖြစ် HTML<blockquote> တစ်ခုခုကို ပတ်ပတ်လည် ခြုံပါ။ ဖြောင့်စင်းသောကိုးကားချက်များအတွက် ကျွန်ုပ်တို့သည် အကြံပြုထားသည် ။<p>

<small>သင်၏အရင်းအမြစ်ကိုကိုးကားရန် ရွေးချယ်နိုင်သော ဒြပ်စင်တစ်ခုပါဝင်ပြီး —ပုံစံပြုလုပ်ရန်ရည်ရွယ်ချက်များအတွက် ၎င်းရှေ့တွင် em dash တစ်ခုရရှိမည်ဖြစ်သည်။

<blockquote>
  <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit။ ကိန်းပြည့် posuere သည် ante venenatis ဖြစ်သည်။ </p>
  <small> နာမည်ကြီးသူတစ်ယောက် </small>
</blockquote>

ပုံသေ blockquotes များကို ဤကဲ့သို့ ပုံစံပြုထားပါသည်။

Lorem ipsum dolor sit amet, consectetur adipiscing elit ။ ကိန်းပြည့် posuere သည် ante venenatis ဖြစ်သည်။

Body of work မှာ နာမည်ကြီးသူတစ်ယောက်ပါ။

သင်၏ blockquote ကို ညာဘက်တွင် မျှောရန်၊ ထည့်ပါ class="pull-right"-

Lorem ipsum dolor sit amet, consectetur adipiscing elit ။ ကိန်းပြည့် posuere သည် ante venenatis ဖြစ်သည်။

Body of work မှာ နာမည်ကြီးသူတစ်ယောက်ပါ။

Unordered

<ul>

• Lorem ipsum dolor ထိုင် amet
• Consectetur adipiscing elit
• Massa တွင် Integer molestie lorem
• pretium nisl aliquet တွင် Facilisis
• Nulla volutpat aliquam velit
  • Phasellus iaculis neque
  • Purus sodales ultricies
  • Vestibulum laoreet porttitor sem
  • Ac tristique libero volutpat at
• Faucibus porta lacus fringilla vel
• Aenean ထိုင် amet erat သီလရှင်
• porttitor loem ကိုရယူပါ။

ပုံစံမဲ့

<ul class="unstyled">

• Lorem ipsum dolor ထိုင် amet
• Consectetur adipiscing elit
• Massa တွင် Integer molestie lorem
• pretium nisl aliquet တွင် Facilisis
• Nulla volutpat aliquam velit
  • Phasellus iaculis neque
  • Purus sodales ultricies
  • Vestibulum laoreet porttitor sem
  • Ac tristique libero volutpat at
• Faucibus porta lacus fringilla vel
• Aenean ထိုင် amet erat သီလရှင်
• porttitor loem ကိုရယူပါ။

အမိန့်ပေးတယ်။

<ol>

1. Lorem ipsum dolor ထိုင် amet
2. Consectetur adipiscing elit
3. Massa တွင် Integer molestie lorem
4. pretium nisl aliquet တွင် Facilisis
5. Nulla volutpat aliquam velit
6. Faucibus porta lacus fringilla vel
7. Aenean ထိုင် amet erat သီလရှင်
8. porttitor loem ကိုရယူပါ။

ဖော်ပြချက်

<dl>

ဖော်ပြချက်စာရင်းများ

ဖော်ပြချက်စာရင်းသည် ဝေါဟာရများကို သတ်မှတ်ရန်အတွက် ပြီးပြည့်စုံသည်။

Euismod

Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit။

Donec id elit non mi porta gravida at eget metus

Malesuada porta

Etiam porta sem malesuada magna mollis euismod။

တန်းဝင်ကာစီသည်

ကုဒ်အတိုအထွာများကို အတွင်းလိုင်းအတိုအထွာများဖြင့် ခြုံပါ <code>။

ဥပမာ ၊ <code> အပိုင်း < / code > ကို inline အဖြစ် ပတ်ထားသင့်သည် ။  

အခြေခံလုပ်ကွက်

<pre>ကုဒ်လိုင်းများစွာအတွက် အသုံးပြု ပါ။ မှန်ကန်စွာ rendering ပြုလုပ်ရန်အတွက် ဂရုများကို ၎င်းတို့၏ ယူနီကုဒ် အက္ခရာများအဖြစ် ပြောင်းလဲရန် သေချာပါစေ။

<p>ဤနေရာတွင် နမူနာစာသား...</p>

<pre>
  <p>နမူနာစာသား ဤနေရာတွင်...</p>
</pre>

မှတ်ချက်-<pre> ကုတ်နံပါတ်များ ကို ဘယ်ဘက်နှင့် တတ်နိုင်သမျှ နီးကပ် အောင် ထားရန် သေချာပါစေ ။ tabs အားလုံးကို render လုပ်ပါလိမ့်မယ်။

Google Prettify

တူညီသော <pre>ဒြပ်စင်ကိုယူ၍ အဆင့်မြှင့်တင်ဆက်မှုအတွက် ရွေးချယ်နိုင်သောအတန်းနှစ်ခုကို ထည့်ပါ။

<p> နမူနာစာသား ဒီမှာ... </p>

<pre class = "prettyprint 
     linenums" >
  <p>နမူနာစာသား ဤနေရာတွင်...</p>
</pre>

google-code-prettify ကိုဒေါင်းလုဒ်လုပ်ပြီး အသုံးပြုနည်းအတွက် readme ကိုကြည့်ပါ။

<စားပွဲ>
  <thead>
    <tr>
      <th> … </th>
      <th> … </th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td> … </td>
      <td> … </td>
    </tr>
  </tbody>
</table>

ဇယားများကို ဖတ်ရှုနိုင်စေရန်နှင့် ဖွဲ့စည်းပုံကို ထိန်းသိမ်းရန် သေချာစေရန်အတွက် ဘောင်အနည်းငယ်ဖြင့် အလိုအလျောက် ပုံစံချပါသည်။ 2.0 ဖြင့်၊ .tableအတန်းလိုအပ်သည်။

<table class = "table" > 
  …
</table>

မြင်းကျားအစင်းကြောင်းများထည့်ခြင်းဖြင့် သင့်စားပွဲများနှင့် ဆန်းသစ်မှုအနည်းငယ်ရယူပါ— .table-stripedအတန်းကိုထည့်လိုက်ရုံပါပဲ။

မှတ်ချက်:nth-child ။ _

<table class = "table table- striped" > 
  …
</table>

လှပသောရည်ရွယ်ချက်အတွက် စားပွဲတစ်ခုလုံးနှင့် လုံးဝန်းသောထောင့်များကို ဘောင်များထည့်ပါ။

<table class = "table table-bordered" > 
  …
</table>

.table-condensedဇယားဆဲလ်အကွက်များကို တစ်ဝက် (8px မှ 4px) ထိဖြတ်ရန် အတန်းကို ပေါင်းထည့်ခြင်းဖြင့် သင့်ဇယားများကို ပိုမိုကျစ် လစ်အောင် ပြုလုပ်ပါ။

<table class = "table table-condensed" > 
  …
</table>

ရရှိနိုင်သောအတန်းများကိုအသုံးပြုခြင်းဖြင့် မတူညီသောအသွင်အပြင်ကိုရရှိရန် ဇယားအတန်းများအားလုံးကို လွတ်လပ်စွာပေါင်းစပ်နိုင်သည်။

<table class = "table table- striped table-bordered table-condensed" > 
  ...
</table>

ပြောင်းလွယ်ပြင်လွယ် HTML နှင့် CSS

Bootstrap ရှိ ဖောင်များနှင့် ပတ်သက်သည့် အကောင်းဆုံး အစိတ်အပိုင်းမှာ သင်၏ သွင်းအားစုများနှင့် ထိန်းချုပ်မှုများ အားလုံးကို သင့် markup တွင် သင်မည်ကဲ့သို့ တည်ဆောက်နေပါစေ ၎င်းတို့ကို ကောင်းမွန်စေပါသည်။ HTML မလိုအပ်သော်လည်း လိုအပ်သူများအတွက် ပုံစံများကို ပေးပါသည်။

ပိုမိုရှုပ်ထွေးသော အပြင်အဆင်များသည် လွယ်ကူသောပုံစံနှင့် ဖြစ်ရပ်ပေါင်းစပ်မှုအတွက် တိုတိုတုတ်တုတ်နှင့် အရွယ်တင်နိုင်သော အတန်းများပါရှိသောကြောင့် သင်အဆင့်တိုင်းတွင် အကျုံးဝင်ပါသည်။

အပြင်အဆင် လေးခု ပါဝင်ပါတယ်။

Bootstrap သည် form layout လေးမျိုးအတွက် ပံ့ပိုးမှုဖြင့် လာပါသည်။

• ဒေါင်လိုက် (မူလ)
• ရှာရန်
• တန်းဝင်ကာစီသည်
• အလျားလိုက်

မတူညီသောပုံစံ အပြင်အဆင်များသည် markup ပြုလုပ်ရန်အတွက် အပြောင်းအလဲအချို့ လိုအပ်သော်လည်း ထိန်းချုပ်မှုများ ၎င်းတို့ကိုယ်တိုင် ဆက်လက်တည်ရှိပြီး တူညီပါသည်။

ပြည်နယ်များနှင့် အခြားအရာများကို ထိန်းချုပ်ပါ။

Bootstrap ၏ဖောင်များတွင် ထည့်သွင်းမှု၊ textarea နှင့် သင်မျှော်လင့်ထားသည့် ရွေးချယ်မှုများကဲ့သို့သော အခြေခံပုံစံထိန်းချုပ်မှုအားလုံးအတွက် စတိုင်များပါဝင်သည်။ သို့သော် ၎င်းတွင် ထည့်သွင်းထားသော၊ ကြိုတင်ထည့်သွင်းထားသည့် ထည့်သွင်းမှုများနှင့် checkboxes စာရင်းများအတွက် ပံ့ပိုးမှုကဲ့သို့သော စိတ်ကြိုက်အစိတ်အပိုင်းများစွာလည်း ပါရှိသည်။

ဖောင်ထိန်းချုပ်မှု အမျိုးအစားတစ်ခုစီအတွက် အမှားအယွင်း၊ သတိပေးချက်နှင့် အောင်မြင်မှုကဲ့သို့သော ပြည်နယ်များကို ထည့်သွင်းထားသည်။ ပိတ်ထားသော ထိန်းချုပ်မှုများအတွက် စတိုင်များလည်း ပါဝင်ပါသည်။

v2.0 ဖြင့်၊ ကျွန်ုပ်တို့တွင် ပုံစံစတိုင်များအတွက် ပိုမိုပေါ့ပါးပြီး စမတ်ကျသော ပုံသေများရှိသည်။ အပိုတံဆိပ်မပါပါ၊ ဖောင်ထိန်းချုပ်မှုများသာဖြစ်သည်။

ပုံသေ WebKit စတိုင်များကို ရောင်ပြန်ဟပ် .form-searchကာ အပိုအဝိုင်းသားရှာဖွေမှုအကွက်များအတွက် ထည့်လိုက်ရုံပါပဲ။

ထည့်သွင်းမှုများသည် စတင်ရန် ပိတ်ဆို့အဆင့်ဖြစ်သည်။ .form-inlineနှင့် ၊ .form-horizontalကျွန်ုပ်တို့သည် inline-block ကိုသုံးသည်။

ဘာတွေပါဝင်လဲ။

ဘယ်ဘက်တွင် ပြထားသည်မှာ ကျွန်ုပ်တို့ ပံ့ပိုးပေးသည့် ပုံသေပုံစံ ထိန်းချုပ်မှု များဖြစ်သည်။ ဤသည်မှာ ကျည်ဆန်များစာရင်း။

• စာသားထည့်သွင်းမှုများ (စာသား၊ စကားဝှက်၊ အီးမေးလ်၊ စသည်)
• အမှန်ခြစ်ပေးပါ။
• ရေဒီယို
• ရွေးချယ်ပါ။
• ရွေးချယ်မှုမျိုးစုံ
• ဖိုင်ထည့်သွင်းခြင်း။
• စာသားဧရိယာ

v2.0 ဖြင့် ပုံသေအသစ်များ

v1.4 အထိ၊ Bootstrap ၏ မူရင်းပုံစံပုံစံများသည် အလျားလိုက် အပြင်အဆင်ကို အသုံးပြုထားသည်။ Bootstrap 2 ဖြင့်၊ မည်သည့်ပုံစံအတွက်မဆို ပိုမိုထက်မြက်ပြီး အရွယ်အစားပိုကြီးနိုင်သော ပုံသေများရှိရန် အဆိုပါကန့်သတ်ချက်ကို ဖယ်ရှားလိုက်ပါသည်။

ပြန်လည်ဒီဇိုင်းထုတ်ထားသော ဘရောက်ဆာပြည်နယ်များ

Bootstrap သည် ဘရောက်ဆာ-ပံ့ပိုးပေးထားသော အာရုံစူးစိုက်မှုနှင့် disabledပြည်နယ်များအတွက် စတိုင်များ ပါရှိသည်။ ကျွန်ုပ်တို့သည် ပုံသေ Webkit ကို ဖယ်ရှားပြီး ၎င်း အတွက် ၎င်းနေရာ၌ အသုံးပြု outlineပါသည် ။box-shadow:focus

ပုံစံအတည်ပြုခြင်း။

၎င်းတွင် အမှားအယွင်းများ၊ သတိပေးချက်များ နှင့် အောင်မြင်မှုအတွက် တရားဝင်အတည်ပြုခြင်းပုံစံများလည်း ပါဝင်သည်။ အသုံးပြုရန်၊ အနီးနားရှိ အမှားအတန်းအစားကို ပေါင်းထည့်ပါ .control-group။

<ကွက်လပ်
  class = "control-group error" >
  …
</fieldset>

သွင်းအားစုများကို ရှေ့တိုးပြီး ထပ်ထည့်ပါ။

ထည့်သွင်းသည့်အုပ်စုများ—နောက်ဆက်တွဲ သို့မဟုတ် ကြိုတင်ထားသော စာသားများဖြင့်—သင်၏ထည့်သွင်းမှုများအတွက် နောက်ထပ်အကြောင်းအရာများပေးရန် လွယ်ကူသောနည်းလမ်းကို ပေးသည်။ ကြီးမားသောဥပမာများတွင် Twitter အသုံးပြုသူအမည်များအတွက် @ သင်္ကေတ သို့မဟုတ် ငွေကြေးဆိုင်ရာ ဒေါ်လာများပါဝင်သည်။

အမှန်ခြစ်ပုံးများနှင့် ရေဒီယိုများ

v1.4 အထိ၊ Bootstrap သည် ၎င်းတို့ကို တန်းစီရန် checkboxes များနှင့် ရေဒီယိုများအနီးတွင် အပို markup လိုအပ်သည်။ <label class="checkbox">ယခု ထုပ်ပိုးထားသော အရာများကို ထပ်ခါတလဲလဲ ပြုလုပ်ရန် ရိုးရှင်းသော ကိစ္စ <input type="checkbox">ဖြစ်ပါသည်။

Inline checkboxes များနှင့် ရေဒီယိုများကို ပံ့ပိုးပေးပါသည်။ .inlineတစ်ခုခုကို ထည့် လိုက်ရုံ .checkboxနဲ့ .radioပြီးသွားပါပြီ။

Inline ပုံစံများနှင့် နောက်ဆက်တွဲ/အကြို

inline form တစ်ခုတွင် ရှေ့တန်း သို့မဟုတ် ထည့်သွင်းမှုများကို အသုံးပြုရန်၊ နေရာလွတ်များမပါဘဲ စာကြောင်းနှင့် တူညီသောမျဉ်းပေါ်တွင် နေရာချရန် သေချာပါ .add-onစေ input။

အကူအညီစာသားပုံစံ

သင့်ဖောင်ဖြည့်သွင်းမှုများအတွက် အကူအညီစာသားထည့်ရန်၊ ထည့်သွင်းသည့်ဒြပ်စင်ပြီးနောက် <span class="help-inline">အကူအညီ စာသားပါသော လိုင်းအကူအညီစာသားကို ထည့်ပါ။<p class="help-block">

လုပ်ဆောင်ချက်များအတွက် ခလုတ်များ

ကွန်ဗင်းရှင်းတစ်ခုအနေဖြင့်၊ ဟိုက်ပါလင့်ခ်များကို အရာဝတ္ထုများအတွက် အသုံးပြုရန်ဖြစ်သော်လည်း လုပ်ဆောင်ချက်များအတွက်သာ ခလုတ်များကို အသုံးပြုသင့်သည်။ ဥပမာအားဖြင့်၊ "ဒေါင်းလုဒ်" သည် "လတ်တလောလုပ်ဆောင်ချက်" လင့်ခ်ဖြစ်သင့်ပြီး "ဒေါင်းလုဒ်" ခလုတ်ဖြစ်သင့်သည်။

ကျောက်ဆူးများနှင့်ပုံစံများ

ခလုတ်ပုံစံများကို ထည့်သွင်းထားသည့် မည်သည့်အရာကိုမဆို အသုံးချနိုင်သည် .btn။ <a>သို့သော်၊ ပုံမှန်အားဖြင့် သင်သည် ဤအရာများကိုသာ နှင့် <button>ဒြပ်စင် များတွင် အသုံးချလိုလိမ့်မည် ။

မှတ်ချက်- ခလုတ်များအားလုံးသည် .btnအတန်းအစား ပါဝင်ရပါမည်။ ခလုတ်ပုံစံများ <button>နှင့် <a>လိုက်လျောညီထွေရှိရန်အတွက် အစိတ်အပိုင်းများကို အသုံးပြုသင့်သည်။

အရွယ်အစားမျိုးစုံ

ပိုကြီးသော သို့မဟုတ် သေးငယ်သော ခလုတ်များကို နှစ်သက်ပါသလား။ လုပ်လိုက်ပါ!

အဓိကလုပ်ဆောင်ချက် အက်ရှင်

အဓိကလုပ်ဆောင်ချက် အက်ရှင်

မသန်စွမ်းသောအခြေအနေ

ပိတ်ထားသော ခလုတ် .btn-disabledများအတွက်၊ လင့်ခ်များနှင့် အစိတ်အပိုင်းများ :disabledအတွက် အသုံးပြု <button>ပါ။

အဓိကလုပ်ဆောင်ချက် အက်ရှင်

အဓိကလုပ်ဆောင်ချက် အက်ရှင်

ဖြတ်ကျော်ဘရောက်ဆာ လိုက်ဖက်မှု

IE9 တွင်၊ IE9 သည် နောက်ခံအရောင်အသွေးများကို ထောင့်များအထိ မဖြတ်နိုင်သောကြောင့် အဝိုင်းထောင့်များကို ခလုတ်များအားလုံးတွင် gradient ကို ချပေးပါသည်။

ဆက်စပ်၊ IE9 သည် မသန်စွမ်းသော buttonဒြပ်စင်များကို ရှင်းလင်းစေပြီး ညစ်ညမ်းသော စာသားအရိပ်ဖြင့် စာသားမီးခိုးရောင်ကို ထုတ်ပေးသည်—ကံမကောင်းစွာဖြင့် ၎င်းကို ကျွန်ုပ်တို့ မဖြေရှင်းနိုင်ပါ။

sprite အဖြစ်တည်ဆောက်ထားသည်။

အိုင်ကွန်တိုင်းကို အပိုတောင်းဆိုမှုတစ်ခုပြုလုပ်မည့်အစား၊ ပုံများကို နေရာချထားရန် CSS ကိုအသုံးပြုသည့် ဖိုင်တစ်ဖိုင်ရှိ ရုပ်ပုံများစွာကို sprite အဖြစ် စုစည်း background-positionထားပါသည်။ ၎င်းသည် Twitter.com တွင်ကျွန်ုပ်တို့အသုံးပြုသည့်တူညီသောနည်းလမ်းဖြစ်ပြီး ၎င်းသည်ကျွန်ုပ်တို့အတွက်ကောင်းစွာအလုပ်လုပ်ပါသည်။

အိုင်ကွန်အတန်းများအားလုံးသည် ကျွန်ုပ်တို့၏ .icon-အခြားအစိတ်အပိုင်းများကဲ့သို့ သင့်လျော်သော အမည်အကွာအဝေးနှင့် အတိုင်းအတာအတွက် ရှေ့ဆက်ထားသည်။ ၎င်းသည် အခြားကိရိယာများနှင့် ပဋိပက္ခများကို ရှောင်ရှားရန် ကူညီပေးပါမည်။

Docs တွင် link နှင့် credit ပေးသရွေ့ ကျွန်ုပ်တို့အား ကျွန်ုပ်တို့၏ open-source toolkit တွင် သတ်မှတ်ထားသော Halflings ကို Glyphicons မှ အသုံးပြုခွင့်ပေးထားပါသည်။ သင့်ပရောဂျက်များတွင် အလားတူလုပ်ဆောင်ရန် စဉ်းစားပါ။

အသုံးပြုနည်း

v2.0.0 ဖြင့်၊ ကျွန်ုပ်တို့သည် ကျွန်ုပ်တို့၏ <i>အိုင်ကွန်အားလုံးအတွက် တဂ်တစ်ခုကို အသုံးပြုရန် ရွေးချယ်ထားသော်လည်း ၎င်းတို့တွင် case class မရှိ—မျှဝေထားသော ရှေ့ဆက်တစ်ခုသာဖြစ်သည်။ အသုံးပြုရန်၊ အောက်ဖော်ပြပါ ကုဒ်ကို မည်သည့်နေရာတွင်မဆို ထားရှိပါ။

<i class = "icon-search" ></i> 

အပိုအတန်းတစ်ခုဖြင့် အဆင်သင့်ပြုလုပ်ထားသော ပြောင်းပြန် (အဖြူရောင်) သင်္ကေတများအတွက် ရနိုင်သောပုံစံများလည်း ရှိပါသည်။

<i class = "icon-search icon-white" ></i> 

သင့်အိုင်ကွန်များအတွက် ရွေးချယ်ရန် အတန်းပေါင်း 120 ရှိပါသည်။ <i>မှန်ကန်သောအတန်းများနှင့်အတူ တဂ် တစ်ခုထည့် လိုက်ရုံဖြင့် သင်သတ်မှတ်ပြီးပါပြီ။ စာရင်းအပြည့်အစုံကို sprites.less တွင် သို့မဟုတ် ဤစာတမ်းတွင် ဤနေရာတွင် ရှာနိုင်သည်။

ကိစ္စရပ်များကို အသုံးပြု

အိုင်ကွန်များသည် ကောင်းမွန်သော်လည်း ၎င်းတို့ကို မည်သည့်နေရာတွင် အသုံးပြုမည်နည်း။ ဤသည်မှာ အကြံဥာဏ်အချို့ ဖြစ်သည်-

• သင့် sidebar လမ်းညွှန်မှုအတွက် ရုပ်ပုံများအဖြစ်
• အိုင်ကွန်ဖြင့် မောင်းနှင်သော လမ်းညွှန်မှုသက်သက်အတွက်
• လုပ်ဆောင်ချက်တစ်ခု၏ အဓိပ္ပါယ်ကိုဖော်ပြရန် ခလုတ်များအတွက်
• အသုံးပြုသူ၏ဦးတည်ရာပေါ်တွင် အကြောင်းအရာကိုမျှဝေရန် လင့်ခ်များဖြင့်

အခြေခံအားဖြင့် <i>၊ သင် tag ထားနိုင်သည့်နေရာတိုင်းတွင် icon တစ်ခုထည့်နိုင်သည်။

ပြန်လည်စတင်ပါ။ ထွက်ခွာသည် ဖျက်ပါ။

မှတ်ချက် ဆက်တင်များ နောက်ထပ် အချက်အလက်