Preguntas etiquetadas con bootstrap-4

Estoy usando Bootstrap 4 alpha 2 y aprovechándome de las cartas. Específicamente, estoy trabajando con este ejemplo tomado de los documentos oficiales. ¿Cómo puedo hacer que todas las tarjetas tengan la misma altura? Todo lo que puedo pensar ahora es establecer la siguiente regla CSS: .card { min-height: 200px; } …

134 html  css  twitter-bootstrap  bootstrap-4  bootstrap-cards 

En bootstrap-3 hay una .wellclase que agrega un borde redondeado alrededor de un elemento con un color de fondo gris y algo de relleno. <div class="well">Basic Well</div> Pero no encontré ninguna .wellclase en bootstrap-4. ¿Hay alguna etiqueta equivalente a .wellen bootstrap-4?

130 css  twitter-bootstrap  twitter-bootstrap-3  bootstrap-4  twitter-bootstrap-4 

Nuevo en bootstrap 3 .... En mi diseño tengo: <div class="row"> <div class="col-lg-6 col-md-6">elements 1</div> <div class="col-lg-6 col-md-6"> <div class="pull-right"> elements 2 </div> </div> </div> Me gustaría que los 'elementos 2' NO estén alineados en pantallas más pequeñas que col-lg. Entonces, efectivamente, tener la clase pull-right solo para col-lg-6 ... …

127 css  twitter-bootstrap  twitter-bootstrap-3  bootstrap-4 

Tengo un sitio web de arranque en el que se agrega el conmutador de hamburguesas cuando el tamaño de la pantalla es inferior a 992px. El código es así: <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> ¿Existe la posibilidad de cambiar el color del …

125 css  twitter-bootstrap  bootstrap-4 

Estoy desarrollando una página de registro, poniendo texto como título en la barra de navegación. Quiero darles diferentes colores a esos textos. Para este propósito, estoy usando un archivo CSS separado, pero quiero hacer esto usando el archivo CSS de bootstrap. ¿Alguien puede enumerar las clases de colores disponibles en …

119 css  twitter-bootstrap  twitter-bootstrap-3  bootstrap-4 

Cerrado. Esta pregunta no cumple con las pautas de Stack Overflow . Actualmente no acepta respuestas. ¿Quieres mejorar esta pregunta? Actualice la pregunta para que esté relacionada con el tema de Stack Overflow. Cerrado hace 2 años . Mejora esta pregunta Estoy usando Bootstrap V4 para mi nuevo sitio web, …

114 twitter-bootstrap  bootstrap-4 

Quiero actualizar Bootstrap en ASP.NET Core con NuGet. Usé esto: Install-Package bootstrap -Version 4.0.0 Agregó las dependencias, pero ¿cómo lo agrego a mi proyecto ahora? ¿Cuál es la ruta para las dependencias locales de NuGet?

112 .net  asp.net-core  nuget  bootstrap-4  asp.net-core-2.0 

Parece que no puedo conseguir que los elementos desplegables no se salgan de la página. Probé un par de cosas de BS3 pero parece que no funcionan. No estoy seguro de si es por el ml-auto. (ignore las declaraciones if-else) Aquí está el CodePen : <div class="container-fluid"> <nav class="navbar fixed-top …

112 twitter-bootstrap  css  bootstrap-4 

Este es el efecto que estoy tratando de lograr con el carrusel Bootstrap 3 En lugar de solo mostrar un fotograma a la vez, muestra N fotogramas deslizándose uno al lado del otro. Luego, cuando se desliza (o cuando se desliza automáticamente), cambia el grupo de diapositivas como lo hace. …

110 jquery  twitter-bootstrap-3  jquery-plugins  carousel  bootstrap-4 

Creé esta barra de navegación plegable usando Bootstrap 4 que funciona muy bien, pero me gustaría que se cierre cuando el usuario hace clic en un enlace. Alguna forma de hacer esto? Gracias barra de navegación html: <nav class="navbar navbar-toggleable-md fixed-top"> <button id="nav-btn"class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarDiv" aria-expanded="false" aria-label="Toggle navigation"> …

108 html  css  twitter-bootstrap  bootstrap-4  twitter-bootstrap-4 

En la versión más reciente, pull-left y pull-right han sido reemplazados por .pull- {xs, sm, md, lg, xl} - {left, right, none} Eso significa que en lugar de escribir un simple class="pull-right", ahora tendré que escribirclass="pull-md-right pull-xl-right pull-lg-right pull-sm-right pull-xs-right" ¿Hay alguna forma menos tediosa de hacerlo?

104 bootstrap-4 

En Bootstrap 3, podría aplicar col-sm-xxa las thetiquetas en las theadcolumnas de la tabla y cambiar el tamaño a voluntad. Sin embargo, esto no funciona en bootstrap 4. ¿Cómo puedo lograr algo como esto en bootstrap 4? <thead> <th class="col-sm-3">3 columns wide</th> <th class="col-sm-5">5 columns wide</th> <th class="col-sm-4">4 columns wide</th> …

103 css  twitter-bootstrap  html-table  bootstrap-4 

Acabo de visitar esta página http://www.elmastudio.de/ y me pregunté si es posible construir el colapso de la barra lateral izquierda con Bootstrap 3. Código para contraer la barra lateral desde la parte superior (solo teléfono): <button type="button" class="navbar-toggle sidebar-toggle" data-toggle="collapse" data-target=".sidebar-ex1-collapse"> <span class="sr-only">Sidebar</span> <span class="glyphicon glyphicon-check"></span> </button> La barra lateral …

102 twitter-bootstrap-3  bootstrap-4  sidebar  collapse 

Intenté instalar bootstrap 4 e incluí los siguientes enlaces <script src="libs/jquery/dist/jquery.min.js"></script> <script src="libs/tether/dist/js/tether.min.js" ></script> <script src="libs/popper.js/dist/popper.js"></script> <script src="libs/bootstrap/dist/js/bootstrap.min.js" ></script> Pero ocurre el siguiente error: Error de sintaxis no detectado: exportación de token inesperada ¿Alguna idea para solucionarlo?

98 javascript  twitter-bootstrap  bootstrap-4  popper.js 

Me gustaría que mi contenido sea fluida, pero cuando se utiliza .container-fluidcon rejilla de Bootstrap, todavía estoy viendo relleno. ¿Cómo puedo deshacerme del acolchado? Veo que no obtengo el relleno con .row, pero quiero agregar columnas, y tan pronto como lo hago, el relleno vuelve: O. Quiero poder usar las …

97 twitter-bootstrap  twitter-bootstrap-3  bootstrap-4