Preguntas etiquetadas con bootstrap-4

Estoy creando una aplicación web usando Bootstrap 4 y me encuentro con algunos problemas extraños. Quiero utilizar la clase de respuesta de tabla de Bootstrap para permitir el desplazamiento horizontal de las tablas en dispositivos móviles. En los dispositivos de escritorio, la mesa debe ocupar el 100% del ancho del …

97 css  bootstrap-4 

Necesito ayuda para solucionar el problema, necesito centrar el contenido dentro de la columna en bootstrap4, encuentre mi código a continuación <div class="container"> <div class="row justify-content-center"> <div class="col-3"> <div class="nauk-info-connections"> </div> </div> </div>

95 twitter-bootstrap  flexbox  bootstrap-4 

¿Bootstrap 4 tiene un divisor horizontal integrado? Puedo hacer esto, <style type="text/css"> .h-divider{ margin-top:5px; margin-bottom:5px; height:1px; width:100%; border-top:1px solid gray; } </style> Pero quiero usar el CSS bootstrap incorporado, no puedo encontrarlo en ningún lugar de los documentos, tal vez me lo pierda.

94 html  css  bootstrap-4  twitter-bootstrap-4 

¿Es posible cambiar el color primario de bootstrap para que coincida con el color de la marca? Estoy usando el tema de papel de Bootswatch en mi caso.

93 css  twitter-bootstrap  twitter-bootstrap-3  bootstrap-4 

<div class="container"> <div class="row"> <div class="col-xs-12 col-sm-12 col-md-8"> <div v-for="job in job"> <div class="text-center"> <h1>{{ job.job_title }}</h1> <p><strong>Google Inc. </strong> - {{ job.location }}</p> <h2><u>Job Description</u></h2> </div> <p v-html="desc"></p> <p class="text-center">Posted: {{ formatDate(job.date_created) }}</p> <button v-on:click="applyResume()" id="apply-btn" class="btn btn-primary">{{ buttonText }}</button> </div> </div> <div class="hidden-sm-down col-md-4"></div> </div> </div> No sé …

92 css  twitter-bootstrap  bootstrap-4 

Actualmente tengo algo como: <div class="row"> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> </div> Ahora, suponiendo que fueran contentcajas de diferente altura, con el mismo ancho, ¿cómo podría mantener el mismo "diseño basado en cuadrícula" y aún tener todas …

88 html  css  twitter-bootstrap  responsive-design  bootstrap-4 

Estaba mirando uno de los ejemplos de Bootstrap que usan las clases card-decky card( ejemplo de precios ). Me preguntaba cómo se puede arreglar la alineación de los botones si una de las listas tiene menos elementos que las demás. Me gustaría que todos los botones estuvieran alineados verticalmente (en …

81 html  css  twitter-bootstrap  bootstrap-4 

Tengo 3 columnas que quiero ordenar de diferentes maneras en computadoras de escritorio y dispositivos móviles. Actualmente, mi faja se ve así: <div class="row"> <div class="col-xs-3 col-md-6"> 1 </div> <div class="col-xs-3 col-md-6"> 2 </div> <div class="col-xs-6 col-md-12"> 3 </div> </div> Ejecutar fragmento de códigoOcultar resultadosExpandir fragmento En la vista móvil …

80 css  bootstrap-4  grid 

Estoy desarrollando una aplicación simple de arranque react-spring, pero debido a un problema de GitHub, recreé los archivos de inicio de mi aplicación usando IntelliJ e instalé los módulos de nodo usando los datos de dependencia del archivo package.json de la aplicación anterior. Si uso una barra de navegación colapsada …

27 javascript  jquery  reactjs  bootstrap-4 

En Angular 9 (usando Bootstrap 4 y Jquery 3.5.1). Al hacer clic en el botón de contracción de arranque , aparece un error en la consola de mi navegador en lugar de en un menú desplegable. Realmente no sé de dónde vino exactamente el error. Can't convert object to primitive …

27 bootstrap-4  angular9 

ERROR en node_modules/@ng-bootstrap/ng-bootstrap/accordion/accordion.d.ts: 191: 9 - error TS1086: No se puede declarar un descriptor de acceso en un contexto ambiental. 191 set ngbPanelToggle (panel: NgbPanel); ~~~~~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/checkbox.d.ts: 28: 9 - error TS1086: No se puede declarar un descriptor de acceso en un contexto ambiental. 28 conjunto enfocado (isFocused: boolean); ~~~~~~~ …

9 angular  bootstrap-4  ng-bootstrap 

Tengo algunos problemas reales al intentar que mi barra lateral / contenido de navegación (usando Bootstrap) se muestre (se expanda) de forma predeterminada en el escritorio y se cierre de forma predeterminada en el móvil y que el icono se muestre solo en el móvil. Parece que no puedo hacer …

9 javascript  html  css  bootstrap-4  responsive-design