0

Does anyone know how to use bootstrap icon image 'glyphicons-halflings.png'

I tried this and couldnt make it to work. Any ideas?

.icon-search{
    background: url(/components/bootstrap/3.2.0/img/glyphicons-halflings.png);
    background-position: -44px 10px;
}

[class^="icon-"], [class*=" icon-"] {  
    background: url(/components/bootstrap/3.2.0/img/glyphicons-halflings.png);
    background-repeat: no-repeat;
    display: inline-block;
    height: 14px;
    line-height: 14px;
    vertical-align: text-top;
    width: 14px;
}

Thanks!

user3658423
  • 1,904
  • 5
  • 29
  • 49
  • you are, or are not using bootstrap? with bootstrap just use ``, or if you don't want to use bootstrap look at the calculated css that happens when you do that. – serakfalcon Jul 14 '14 at 08:24
  • i want the search image as a background to text box...hence im trying to use it as a css – user3658423 Jul 14 '14 at 08:26
  • 2
    so basically you want [this](http://jsfiddle.net/86P3S/), right? that would make your question a duplicate of [this](http://stackoverflow.com/questions/18838964/add-bootstrap-glyphicon-to-input-box) – serakfalcon Jul 14 '14 at 08:30
  • Thank you... How can I mark your answer as correct? – user3658423 Jul 14 '14 at 08:39

0 Answers0