Bootstrap'ta Glyphicons Kullanımı | aliyasindogan.com
BOOTSTRAP'TA GLYPHICONS KULLANIMI

BOOTSTRAP | Ali Yasin Doğan | 12.11.2016 | 2714

Bootstrap'ta Glyphicons Kullanımında Örnekler Verecek ve Kodlarını Paylaşcağım. Faydalı Olması Dileğiyle


<div class="container"> 
<div class="btn-toolbar" role="toolbar"> <div class="btn-group"> 
<button type="button" class="btn btn-default" aria-label="Left Align"><span class="glyphicon glyphicon-align-left" aria-hidden="true"></span></button> 
<button type="button" class="btn btn-default" aria-label="Center Align"><span class="glyphicon glyphicon-align-center" aria-hidden="true"></span></button> 
<button type="button" class="btn btn-default" aria-label="Right Align"><span class="glyphicon glyphicon-align-right" aria-hidden="true"></span></button> 
<button type="button" class="btn btn-default" aria-label="Justify"><span class="glyphicon glyphicon-align-justify" aria-hidden="true"></span></button> 
</div> 
</div> 
<div class="btn-toolbar" role="toolbar"> 
<button type="button" class="btn btn-default btn-lg"><span class="glyphicon glyphicon-star" aria-hidden="true"></span>Yıldız</button> 
<button type="button" class="btn btn-default"><span class="glyphicon glyphicon-star" aria-hidden="true"></span>Yıldız</button> 
<button type="button" class="btn btn-default btn-sm"><span class="glyphicon glyphicon-star" aria-hidden="true"></span>Yıldız</button> 
<button type="button" class="btn btn-default btn-xs"><span class="glyphicon glyphicon-star" aria-hidden="true"></span>Yıldız</button> 
</div> 
</div>

Görünüm:






 Etiketler:  bootstrap glyphicons icon