Foros del Web » Creando para Internet » HTML »

[SOLUCIONADO] Fijar ancho de Navbar con bootstrap

Estas en el tema de Fijar ancho de Navbar con bootstrap en el foro de HTML en Foros del Web. Buenas tardes, estoy haciendo un panel de administracion y estoy utilizando bootstrap, el problema que tengo es el siguiente: tengo un Navbar el cual se ...
  #1 (permalink)  
Antiguo 25/08/2015, 14:22
 
Fecha de Ingreso: agosto-2015
Mensajes: 2
Antigüedad: 8 años, 8 meses
Puntos: 1
Información Fijar ancho de Navbar con bootstrap

Buenas tardes, estoy haciendo un panel de administracion y estoy utilizando bootstrap, el problema que tengo es el siguiente: tengo un Navbar el cual se redimenciona de acuerdo del tamaño de la pantalla, pero no quiero que se redimencione si es menor de 768 pixeles el panel es para pantallas mayores a esta medida.

De antemano gracias, y cualquier idea es bien aceptada. gracias.
  #2 (permalink)  
Antiguo 25/08/2015, 14:54
 
Fecha de Ingreso: enero-2015
Ubicación: Cordoba, Andalucía
Mensajes: 111
Antigüedad: 9 años, 3 meses
Puntos: 15
Respuesta: Fijar ancho de Navbar con bootstrap

Lo unico que puedo aportar es que puedes crear unas clases unicamente para esta medida de pantalla.

Código CSS:
Ver original
  1. <style>    
  2. @media (max-width:768px)
  3. {
  4.   .nombre_clase{width:100%;}
  5. }
  6. </style>
  #3 (permalink)  
Antiguo 25/08/2015, 16:55
Avatar de xfxstudios  
Fecha de Ingreso: junio-2015
Ubicación: Valencia - Venezuela
Mensajes: 2.448
Antigüedad: 8 años, 10 meses
Puntos: 263
Respuesta: Fijar ancho de Navbar con bootstrap

Código CSS:
Ver original
  1. <style type="text/css">
  2. @media screen and (max-width:760px){
  3. /*No se vera en pantallas menores a 760px*/
  4. .panel{
  5.     display:none;
  6. }
  7. }
  8. @media screen and (min-width:768px){
  9. /*Se vera en pantallas a partir de los 768px*/
  10. .panel{
  11.         display: Block;
  12.     width:100%;
  13. }
  14. }
  15.  
  16. </style>
__________________
[email protected]
HITCEL
  #4 (permalink)  
Antiguo 26/08/2015, 22:47
 
Fecha de Ingreso: agosto-2015
Mensajes: 2
Antigüedad: 8 años, 8 meses
Puntos: 1
Respuesta: Fijar ancho de Navbar con bootstrap

Muchas gracias por sus concejos, me sirvió de mucho para mi solución.
Lo que hice primero fue fijar el tamaño, para que no se dimensionara cuando es menor a 768px, que en bootstrap es el xs

@media screen and (max-width:760px) {
.Navbarmin {
width: 760px;
}
}

@media screen and (min-width:768px)
{
.Navbarmin
{
display: Block;
width: 100%;
}
}

ademas de que en el archivo de bootstrap.css modifique los estilos que se aplicaban a pantallas menores a 768px

Etiquetas: bootstrap, css, navbar
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 19:23.