Tag: TWITTER-BOOTSTRAP-3
Bootstrap dice en su documentación que la personalización funciona con dart-sass, pero eso simplemente no es cierto. El sistema de módulos @use y @forward de la última versión de dart-sass no es compatible. La forma “anterior” de agregar colores personalizados, con @import, era: @import “./node_modules/bootstrap/scss/functions”; @import “./node_modules/bootstrap/scss/variables”; @import “./node_modules/bootstrap/scss/utilities”; $custom-theme-colors: . . . Read more
Estoy tratando de tener 2 filas: – Primera fila un span 4 que tiene una etiqueta con un cuadro de texto debajo. – Segunda fila un 8 con una etiqueta y un cuadro de texto debajo. Luego un span de 12 en la segunda fila con un botón que abarque . . . Read more
Estoy utilizando bootstrap 4 y he creado el siguiente formulario. <link href=”https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css” rel=”stylesheet”> <div class=”container”> <div class=”row”> <div class=”col-xl-12 col-lg-12 col-md-12″> <div class=”d-flex align-items-center justify-content-center” style=”height:100vh;”> <h1>Mi título de encabezado.</h1> <div class=”row”> <div class=”col-md-12″> <form action=”” enctype=”multipart/form-data” method=”POST”> <div class=”form-inline”> <input class=”form-control” type=”email” name=”email” value=”” placeholder=”Ingrese su correo electrónico”> <button . . . Read more
Estoy tratando de mostrar un modal de bootstrap al hacer clic en un botón de esta manera: @extends(‘layouts.main’) @section(‘body’) contenido del modal……… @endsection Pero estoy obteniendo el siguiente error: Uncaught TypeError: $(…).modal is not a function. El archivo de diseño principal contiene otro archivo: @include(‘layouts.scripts’) que, a su vez, carga . . . Read more
Contexto Tengo un <div class="mt-5 mb-5">. En la resolución de escritorio, veo en las herramientas de desarrollo de Chrome que los márgenes son de 72px, y el estilo en efecto proviene de Bootstrap: margin-bottom: 4.5rem!important;. Esto se ve bien visualmente. Si cambio a las dimensiones de un dispositivo móvil en . . . Read more