أحدث البرامج التعليمية وتطوير الشبكة
 

Bootstrap Glyphicons


Glyphicons

Bootstrap يوفر 260 glyphicons من Glyphicons مجموعة Halflings.

Glyphicons يمكن استخدامها في النص، الأزرار، وأشرطة، والملاحة، والأشكال، الخ

وفيما يلي بعض الأمثلة على glyphicons :

glyphicon المغلف:

طباعة glyphicon:

البحث glyphicon:

تحميل glyphicon:


Glyphicon بناء الجملة

يتم إدراج glyphicon مع بناء الجملة التالي:

<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>
انها محاولة لنفسك »

اختبر نفسك مع تمارين!

التمرين 1 » التمرين 2» التمرين 3 »


استكمال Bootstrap Glyphicon المرجعي

للإشارة كاملة لجميع glyphicons، انتقل إلى لدينا كامل التمهيد Glyphicon المرجعي .