html - Bootstrap positioning of glyphicon -


dashboard tab

how can align plus sign glphyicon?

html code :

<li><a href="#"><span class="glyphicon glyphicon-tag"></span>&nbsp dashboard<span class="glyphicon glyphicon-plus pull-right"></span></a></li> 

the first span add tag before text dashboard

you can first adding class hyperlink tags occure:

<li>     <a href="#" class="right-icon">         <span class="glyphicon glyphicon-tag"></span>&nbsp dashboard         <span class="glyphicon glyphicon-plus pull-right"></span>     </a> </li> 

then using css , class selector right-icon can like:

.right-icon > .glyphicon:last-child {     position: absolute;     top: 2px;     right: 2px; } 

what take last child glyphicon hyperlink , position absolute on top right 2px;


Comments

Popular posts from this blog

twig - Using Twigbridge in a Laravel 5.1 Package -

jdbc - Not able to establish database connection in eclipse -

Kivy: Swiping (Carousel & ScreenManager) -