Tag: BOOTSTRAP-5
Usando Bootstrap 5, las columnas de ancho igual se muestran debajo una de la otra para mí. Este es mi ejemplo básico, tomado directamente del sitio web de Bootstrap: Enlace al archivo CSS de Bootstrap: <link rel=”stylesheet” href=”https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css” integrity=”sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3″ crossorigin=”anonymous”> Ejemplo de columnas: <div class=”container”> <div class=”row”> <div class=”col”> Columna . . . Read more
Tengo un problema, como puedes ver en la imagen de abajo, quiero que el “1” esté a la izquierda y el “2” esté a la derecha. ¿Qué está mal en mi código? <div classname=”mt-5 mx-5 py-3 shadow bg-white”> <div classname=”d-flex justify-content-center”> <div style=”{{” float:=”” “left”,=”” display:=”” “flex”=”” }}=””> <div classname=”p-2″>1</div> . . . Read more
Estoy tratando de hacer que los botones en mi página web estén uno al lado del otro en el centro de la página, estos son los 2 clases de Bootstrap 5 que he intentado y no se ven como quiero que se vean: 1) Imagen 1 2) Imagen 2 Como . . . Read more
Estoy tratando de usar BootStrap en un proyecto de Angular y logré renderizar los estilos en el front-end utilizando lo siguiente en el archivo index del proyecto: <link href=”https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css” rel=”stylesheet”> Hasta aquí todo bien, pero estaba tratando de seguir este enlace para renderizar los estilos sin hacer referencia en el . . . Read more
Hola chicos, tengo un problema con el segundo toast que no se muestra. HTML: <div class=”toast-container position-fixed bottom-0 end-0 p-3″> <!– FIRST –> <div class=”toast” role=”alert” aria-live=”assertive” aria-atomic=”true”> <div class=”toast-header”> <i class=”fas fa-duck”></i> <strong class=”me-auto”>Bootstrap</strong> <small class=”text-muted”>just now</small> <button type=”button” class=”btn-close” data-bs-dismiss=”toast” aria-label=”Close”></button> </div> <div class=”toast-body”> ¿Ves? Así es. </div> . . . Read more