BS Glyphicon’lar


ULASHISH

Glyphicon’lar

Bootstrap Glyphicons Halflings to‘plamidan 260 ta glyphicon taqdim etadi.

Glyphicon’larni matnda, tugmalarda, asboblar panelida, navigatsiyada, formalarda va boshqa joylarda ishlatish mumkin.

Mana glyphicon’larga bir nechta misol:

Konvert glyphicon’i:

Chop etish glyphicon’i:

Qidiruv glyphicon’i:

Yuklab olish glyphicon’i:


Glyphicon sintaksisi

Glyphicon quyidagi sintaksis yordamida qo‘yiladi:

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

Yuqoridagi sintaksisdagi name qismi glyphicon’ning tegishli nomi bilan almashtirilishi kerak.


Glyphicon misoli

Quyidagi misolda glyphicon’lardan foydalanishning turli usullari ko‘rsatilgan:

Misol

<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>
O‘zingiz sinab ko‘ring »

Mashqlar yordamida o‘zingizni sinang

Mashq:

span elementini "search" (qidiruv) belgisi sifatida ko‘rsatish uchun Glyphicon klass qiymatidan foydalaning.

<span class=""></span>

Mashqni boshlash



Bootstrap glyphicon’lari bo‘yicha to‘liq ma’lumotnoma

Barcha glyphicon’lar bo‘yicha to‘liq ma’lumot uchun Bootstrap Glyphicon ma’lumotnomamizga o‘ting.


W3Schools Pathfinder

Yutuqlaringizni kuzating – bu bepul!