Glyphicons ،ایکن ها در بوت استرپ bootstrap

مقالات

Glyphicons

بوت استرپ 260 گلی ایکن را از مجموعه Halflings Glyphicons فراهم می کند.

Glyphicons را می توان در متن، دکمه ها، نوار ابزار، ناوبری، فرم ها و غیره استفاده کرد.

در اینجا چند نمونه از گلیفیکون ها آمده است:

Glyphicon پاکت

Glyphicon چاپ

Glyphicon جستجو

Glyphicon دانلود

دستور نوشتن Glyphicon

یک glyphicon با دستور زیر وارد شده است:

<span class="glyphicon glyphicon-name"></span>

1	<span class="glyphicon glyphicon-name"></span>

قسمت نام در دستور بالا باید با نام مناسب glyphicon جایگزین شود.

به عنوان مثال Glyphicon

مثال زیر نشان می دهد روش های مختلفی برای استفاده از glyphicons:

<p>Envelope icon: <span class="glyphicon glyphicon-envelope"></span></p> 
<p>Envelope icon as a link:
  <a href="#"><span class="glyphicon glyphicon-envelope"></span></a>
</p>
<p>Search icon: <span class="glyphicon glyphicon-search"></span></p>
<p>Search icon on a button:
  <button type="button" class="btn btn-default">
    <span class="glyphicon glyphicon-search"></span> Search
  </button>
</p>
<p>Search icon on a styled button:
  <button type="button" class="btn btn-info">
    <span class="glyphicon glyphicon-search"></span> Search
  </button>
</p>
<p>Print icon: <span class="glyphicon glyphicon-print"></span></p> 
<p>Print icon on a styled link button:
  <a href="#" class="btn btn-success btn-lg">
    <span class="glyphicon glyphicon-print"></span> Print 
  </a>
</p>

Envelope icon:

Envelope icon as a link:

Search icon:

Search icon on a button:

Search

</button>

Search icon on a styled button:

Search

</button>

Print icon:

Print icon on a styled link button:

Print

</a>

5/5 - (1 امتیاز)

1 دیدگاه

به گفتگوی ما بپیوندید و دیدگاه خود را با ما در میان بگذارید.

Glyphicons ،ایکن ها در بوت استرپ bootstrap

Glyphicons

دستور نوشتن Glyphicon

مطالب زیر را حتما مطالعه کنید

1 دیدگاه

دیدگاهتان را بنویسید لغو پاسخ

Glyphicons

دستور نوشتن Glyphicon

مطالب زیر را حتما مطالعه کنید

افزونه و کلاس Carousel در بوت استرپ bootstrap

کلاس collapse در بوت استرپ bootstrap

کلاس jumbotron در بوت استرپ

فیلترهای بوت استرپ

افزونه Affix بوت استرپ

افزونه Scrollspy بوت استرپ

1 دیدگاه

دیدگاهتان را بنویسید لغو پاسخ