Cargando

Ir a contenido

X

problema clase pull-right





Solución elegida por el autor
Iniciado por Nieves Nieto , 05 mayo 2015 - 20:09

Puedes usar esta solucion, es mucho mas corta y funcional de igual forma:

<th class="text-right"> 
    <span class="pull-left">Elemento</span>
    <i class="fa fa-sort-asc"></i>
</th>



  AUTOR PREGUNTA

Publicado 05 mayo 2015 - 13:51

Estoy usando la clase pull-right de bootstrap para alinear el icono en mi th en la parte derecha superior y removiendo la misma me alinea el mismo verticalmente a la izquierda. Mi pregunta es si existe una manera de que cuando use pull-right se alinee verticalmente a la derecha? Les dejo la linea donde uso la clase:

<th>Elementos <i class="fa fa-sort-asc pull-right"></i></th>

Agradezco todas las sugerencias.

 

  • ¿Tienes la misma pregunta? Yo también
  • Volver arriba


 

Publicado 05 mayo 2015 - 17:20

Puedes colocar el icono en la derecha y verticalmente alinearlo de la siguiente manera:

 

Codigo HTML

<th>
 <div class="header-with-icon">
   <div>Nombre</div>
   <div class="text-right"><i class="fa fa-sort-asc"></i></div>
 </div>
</th>

Codigo CSS

.header-with-icon{
 display: table;
 width: 100%;
}

.header-with-icon > div{
 display: table-cell;
}


 

Publicado 05 mayo 2015 - 20:09

Puedes usar esta solucion, es mucho mas corta y funcional de igual forma:

<th class="text-right"> 
    <span class="pull-left">Elemento</span>
    <i class="fa fa-sort-asc"></i>
</th>


   AUTOR PREGUNTA

Publicado 06 mayo 2015 - 01:12

Gracias Nieves! buena respuesta




X