Bootstrap Glyphicons
الحروف الرسومية
يوفر Bootstrap 260 حرفًا رمزيًا من مجموعة Glyphicons Halflings.
يمكن استخدام الحروف الرسومية في النص والأزرار وأشرطة الأدوات والتنقل والنماذج وما إلى ذلك.
فيما يلي بعض الأمثلة على الحروف الرسومية:
مغلف glyphicon:
طباعة glyphicon:
البحث في glyphicon:
تنزيل glyphicon:
صيغة Glyphicon
يتم إدخال رمز رسومي بالصيغة التالية:
<span class="glyphicon glyphicon-name"></span>
يجب استبدال جزء الاسم في بناء الجملة أعلاه بالاسم الصحيح للرمز الرسومي.
مثال Glyphicon
يوضح المثال التالي طرقًا مختلفة لاستخدام الحروف الرسومية:
مثال
<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>
إكمال مرجع Bootstrap Glyphicon
للحصول على مرجع كامل لجميع الرموز الرسومية ، انتقل إلى مرجع Bootstrap Glyphicon الكامل .