Glyphicons
Bootstrap 260 sağlar glyphicons gelen Glyphicons Buçuklukların seti.
Glyphicons metin, düğme, araç çubuğu navigasyon, formlar, vb kullanılabilir
İşte bazı örnekler glyphicons :
Zarf glyphicon:
Baskı glyphicon:
Arama glyphicon:
glyphicon indirin:
Glyphicon sözdizimi
Bir glyphicon aşağıdaki dizgide sokulur:
<span class="glyphicon glyphicon- name "></span>
Yukarıdaki sözdiziminde adı kısmı glyphicon düzgün adıyla değiştirilmelidir.
Glyphicon Örnek
Aşağıdaki örnek glyphicons kullanmanın farklı yollarını gösterir:
Örnek
<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>
Kendin dene " Egzersizleri ile Yourself test edin!
Egzersiz 1 » Alıştırma 2» Egzersiz 3 »
Tamamlayın Bootstrap Glyphicon Referansı
Tüm glyphicons tam referans için lütfen tüm gidin Bootstrap Glyphicon Referans .