css - Using Bootstrap Glyphicons -

i trying use glyphicons twitter bootstrap. want use pseudo-element :after instead of before.

.glyphicon.glyphicon-search:before above works fine.

.glyphicon.glyphicon-search:after above not work.

what doing wrong?

it's because glyphicon classes intended use :before , not :after. if check out source code in css you'll see. example be:

.glyphicon-asterisk 

the css looks so:

.glyphicon-asterisk:before {content: "\2a";} 

if this:

.glyphicon-asterisk:before, .glyphicon-asterisk:after {content: "\2a";} 

you able thing. you'll need create new class , add content this:

.glyphicon-asterisk:after {content: "\2a";}