iphone - apple-mobile-web-app-status-bar-style

¿Cómo hacer que las migas de pan respondan?

Question

He usado bootstrap3 para RWD y he personalizado mi ruta de navegación. Pero no es adecuado para el tamaño del móvil.
¿Cómo puedo hacer que responda?
Captura de pantalla adjunta del problema.

Gracias

Answer 1

Tendrás que codificarlo tú mismo. Sin su código específico, nadie podrá darle respuestas específicas. Una vez dicho esto, así es como me prepararía para agregar código personalizado a mi sitio web de Bootstrap.

Usando menos

Primero, cree un nuevo archivo .less: este archivo será su nueva hoja de estilos principal. En ese archivo, importe en el archivo bootstrap.less. Compila ese archivo y vincúlalo en tus archivos HTML. Ahora debería tener una copia exacta del Bootstrap CSS listo para usar, con acceso a todas las variables de Bootstrap.

Para hacer adiciones, agréguelas a ese archivo debajo de la declaración de importación. Entonces, en su caso, tomaría las variables para las consultas de medios y las rutas de navegación (que se encuentran en variables.less) y personalizaré el estilo de las rutas de navegación en pantallas más pequeñas.

Tenga en cuenta que Bootstrap es el primero en dispositivos móviles, lo que significa que los estilos predeterminados se aplicarán en la pantalla más pequeña y se anulará para los más grandes.

No usar menos

Si no se siente cómodo usando menos, diría que esta es una gran oportunidad para comenzar. Dicho eso, si quieres hacerlo de la manera tradicional, simplemente crea una segunda hoja de estilo con la que enlazas, agrégala debajo de la hoja de Bootstrap y codifica.

Answer 2

He creado un fragmento en bootsnipp que puede ajustarse a sus necesidades.

http://bootsnipp.com/snippets/featured/responsive-breadcrumbs

Puede configurar esta ruta de exploración para

• mostrar solo los últimos n elementos. Los elipses se agregan al comienzo de la lista si los elementos están ocultos.
• establecer un tamaño máximo para cada elemento. Los elipses se agregan después de la etiqueta si es demasiado largo.

Al establecer puntos de interrupción, puede establecer el número de elementos para mostrar y su tamaño máximo para diferentes tamaños de pantalla y, por lo tanto, asegúrese de que no haya desbordamiento.