css - attribute - Evite que el texto se ajuste en el diseño receptivo de Bootstrap 3
tooltip bootstrap 3 (1)
Rodéelo con un
<span class="text-nowrap">
.
La clase
.text-nowrap
es una de
las
clases auxiliares de
alineación de texto
de
Bootstrap
y consta de:
.text-nowrap {
white-space: nowrap;
}
lo que hace que el ícono y el texto permanezcan en la misma línea.
Tengo un visor con una barra de control que consiste en divs en una fila. Los otros elementos ya tienen el ícono FA sobre el texto para que no haya problemas con el tamaño de la pantalla, pero para diferenciar dos de los botones que tienen un control de nivel superior para cambiar el contenido en el visor. Se presentan como se muestra a continuación:
<i class="fa fa-toggle-right lg"></i> <span style="font-size:18px;">Next
Cuando esto se muestra en una pantalla pequeña como un iPhone, el ícono se mueve sobre el texto y me gustaría que permanezca junto a él. La razón es que el otro botón se alinea con el ícono debajo de él, que tiene una interfaz de usuario de mala apariencia.
Previous<i class="fa fa-toggle-left lg"></i>
¿Alguna opción sobre cómo evitar que se envuelvan?