Foros del Web » Creando para Internet » CSS »

[SOLUCIONADO] Bootstrap. Problema con el ancho máximo

Estas en el tema de Bootstrap. Problema con el ancho máximo en el foro de CSS en Foros del Web. Saludos. Estoy haciendo mis primeros pasos con bootstrap versión 4, supongo que no es problema de la reciente versión, y no me respeta los anchos ...
  #1 (permalink)  
Antiguo 29/10/2017, 11:45
 
Fecha de Ingreso: noviembre-2014
Ubicación: Madrid
Mensajes: 81
Antigüedad: 9 años, 5 meses
Puntos: 1
Bootstrap. Problema con el ancho máximo

Saludos.
Estoy haciendo mis primeros pasos con bootstrap versión 4, supongo que no es problema de la reciente versión, y no me respeta los anchos máximos.
Quiero que los lis de una lista se dispongan en dos columnas
Aquí el código:
Código:
<div class="container-fluid">
	<div class="row">
		<img class="logo col-12" src="images/home/loveluxe_logo_hor.png"/>
		<ul class="col-12">
			<li class="col-6"><a href="#">Home</a></li>
			<li class="col-6"><a href="#">About</a></li>
			<li class="col-6"><a href="#">Fotos</a></li>
			<li class="col-6"><a href="#">Artistas</a></li>
			<li class="col-6"><a href="#">Eventos</a></li>
			<li class="col-6"><a href="#">Noticias</a></li>
		</ul>
        </div>
</div>
Los estilos:
Código:
ul li{
	display: inline-block;
	text-align: center;
}
He probado a usar container. Nada.
He probado usar flex-row. Nada
He probado a quitar los paddings a ul y li. Nada.
Pero cuando le pondo a los lis:
Código:
max-width: 49.2%
Entran a dos columnas como quiero.
No entiendo porqué debo tocar la anchura máxima, cuando presupongo, desde mi ignorancia, que bootstrap está pensado para evitarme hacer eso.
Gracias por adelantado.
  #2 (permalink)  
Antiguo 27/12/2017, 20:02
Avatar de xxkyushuxx  
Fecha de Ingreso: julio-2011
Ubicación: Lima
Mensajes: 42
Antigüedad: 12 años, 9 meses
Puntos: 3
Respuesta: Bootstrap. Problema con el ancho máximo

Según lo que veo, tratas de crear un menu.
Si es así, no puedes hacerlo de esa manera, para eso hay nav en bootstrap.

Si quieres empezar en bootstrap creo que te recomiendo empezar por la versión anterior, sino te vas a complicar.

https://getbootstrap.com/docs/3.3/css/
__________________
Google + / Twitter
  #3 (permalink)  
Antiguo 05/01/2018, 05:22
 
Fecha de Ingreso: noviembre-2014
Ubicación: Madrid
Mensajes: 81
Antigüedad: 9 años, 5 meses
Puntos: 1
Respuesta: Bootstrap. Problema con el ancho máximo

Gracias por tu respuesta.
El código que he puesto está bien y funciona correctamente. El problema era que yo lo tenía mal en mi página. Error tonto. Perdón por las molestias.

Etiquetas: bootstrap, columnas
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 22:00.