19
votos
Aceptado
¿Por qué al llamar a un modal dentro de otro modal mi app deja de reconocer que hay un modal mostrándose?
Pareciera ser que al abrir el modal y luego ocultarlo, el mismo Bootstrap quita la barra de navegación. Para corregirlo agrega un estilo style="overflow-y: scroll;" al div ModalCrear para que quede de ...
19
votos
Aceptado
Generar Plantilla HTML
Crea una plantilla del modal vacía. Cuando necesites usarla, rellénala con los datos que necesites antes de mostrarla. En lugar de tener 40 modales, puedes tener en una variable Javascript un array ...
10
votos
Aceptado
Agregar 2 inputs uno al lado del otro en la misma columna
Una opción sería añadir un input-group-addon entre los campos y dejar que Bootstrap se encargue de los estilos.
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"&...
9
votos
Aceptado
Navbar no se muestra como debería
En palabras del creador de Bootstrap:
(...) Los submenús no tienen mucho lugar en la web en este momento,
especialmente en la web móvil
Esta es una de las razones por las cuales se eliminó esta ...
7
votos
Aceptado
¿Cómo puedo poner el slider en todo el ancho de la pantalla y que luego aparezca la barra de navegación?
A petición de Mary Cruz, muestro el siguiente código basándome únicamente en la documentación oficial de Bootstrap en su versión 3 que es la que utiliza el OP.
CREACION DE NAVBAR
Tomando el código ...
6
votos
Aceptado
¿Porque el boostrap 3.3.7 y el jquery 3.1.1 no son compatibles?
El problema es que el Hash de bootstrap.min.css no tiene la longitud correcta y no coincide con el contenido hasheado:
Mensaje de la consola:
El hash contenido en el atributo integrity tiene la ...
5
votos
Aceptado
Destruir modal bootstrap 3
Los modales según en la documentación no se pueden destruir porque no cuenta con un método para ello.
Ya que haces mención sobre limpiar los campos, aquí lo mejor es resetear el formulario con:
$('#...
5
votos
Campos de formularios que no funcionan en teléfono
Tienes la siguiente línea en tu formulario que te está generando el conflicto:
<div class="col-md-12"> </div>
Se está superponiendo sobre el primer contenedor con clase ....
5
votos
Generar Plantilla HTML
Debes tener en cuenta lo siguiente:
Generar una plantilla de la modal que necesitas
<div class="modal fade" id="template" tabindex="-1" role="dialog" >
<div class="modal-dialog" role="...
4
votos
¿Cómo puedo solucionar este pie de página?
En el estilo de la clase footer, en vez de utilizar absolute
position: absolute;
utiliza fixed
position: fixed;
4
votos
Aceptado
generar de forma dinámica un árbol con bootstrap-treeview
Efectivamente las propiedades text y nodes son propias de la librería por lo que su nombre no puede cambiarse; ahora en cuanto a la estructura del Json que debes pasar para que el treeview funcione es ...
4
votos
Aceptado
Optimizar Diseño en Modal Bootstrap 3.3.7
Esto es lo que te propongo, dejas las 3 columnas que incluyen los recursos con la clase col-md-4 lo que nos daría un total de uso de 12 columnas, es decir, todas en la misma fila.
Luego dentro de ...
4
votos
Generar Plantilla HTML
Como idea, podrias hacer un arbol json donde desarrolles el html que quieres mostrar en tu pagina.
El html se construye dinamicamente a partir de este arbol json, en el cual puedes añadir, modificar ...
4
votos
números desfasados en etiquetas <ol> (html)
Esto te sucede porque por defecto, los <ol> tiene la propiedad list-style-position: outside;, con establecerla a inside podrías hacer que los números acompañasen al texto en su alineación.
CSS
...
3
votos
Aceptado
Tablas en BOOTSTRAP 3
Las grids de bootstrap tienen un ancho de 12 caben hasta 12 col-md-1 en una pagina tu tienes un detalle en <div class="col-md-6"><div class="col-md-3"> cambia col-md-3 por col-md-6.
...
3
votos
Aceptado
¿Como puedo alinear verticalmente un contenido de un div con bootstrap 3?
Seguí investigando y me tope con un css que lo soluciona:
.form-group {
display: flex;
align-items: center;
}
Acá la demostración:
.form-group {
display: flex;
align-items: ...
3
votos
Aceptado
¿como adapto el tamaño del popover de bootstrap al tamaño del contenido?
Sobreescribe el max-width de .popover:
$( document ).ready(function() {
$('#prueba').html(funcion());
$('[data-toggle="popover"]').popover({
html : true
});
});
...
3
votos
¿Como ajusto el ancho de un modal al contenido del mismo?
Yo creo que cambiandolo a modal-lges justo lo que buscas. Te he puesto el resultado con el ejemplo que has puesto.
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js">&...
3
votos
Aceptado
Padding/Margin de bootstrap
Hola solo agrega style="padding-left: 0" a div.container para quitar el espacio.
<div class="container" style="padding-left: 0;">
Saludos
<script src="https://ajax.googleapis.com/ajax/...
3
votos
Agregar 2 inputs uno al lado del otro en la misma columna
En lo personal se me hace mas facil el acomodo pensando los espacios de columna a doce,
Nombre:
...
3
votos
Aceptado
Paginación en Aspx Bootstrap
Podria ser una opcion, tienes que usar javascript o jquery para que sea dinamico
//declaras el contenido que tendra cada lista
var items = '[{"Id":1,"Title":"46047 - Patio de Caña<br>21/12/...
3
votos
Aceptado
Popover con Bootstrap
Basando en el ejemplo que pones al final, tu solamente tienes esta parte detro de tu función tratamiento_n():
<button type='button' class='btn btn-default' data-toggle='popover' data-placement='...
3
votos
¿Cómo puedo poner el slider en todo el ancho de la pantalla y que luego aparezca la barra de navegación?
para lograr eso tienes que realizar 2 tareas sencillas
1 - Esconder por defecto el header (navbar)
2 - Detectar el scroll de la pagina con js para mostrar/ocultar el header
Esta es la pequeña ...
3
votos
Aceptado
Quitar opción descargar de etiqueta <iframe>
La solución que encontré es la siguiente:
Lo que necesitaba era quitar la opción de descarga del vídeo que se cargaba en la etiqueta <iframe>, gracias a la idea que me dio Jose en su comentario ...
3
votos
Aceptado
¿Cómo cambiar la imagen en modo celular o xs en Bootstrap 3?
Esto sí debería funcionar:
<div class="col-xs-9 pull-right col-sm-12">
<div>
<header class="col-xs-3 col-sm-12">
</header>
3
votos
Como agregar 3 imágenes circulares paralelas
Yo resolvería esto con GRID. Añadí varios row, div y elimine alguna de tus clases que me bloqueaban algunas funciones.
Traté de imitar lo mas posible lo que esperas. Ahora sería cuestión de tomar este ...
2
votos
Agregar 2 inputs uno al lado del otro en la misma columna
Te dejo esta alternativa, ojala te sirva:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/...
Only top scored, non community-wiki answers of a minimum length are eligible
Etiquetas relacionadas
bootstrap-3 × 132bootstrap × 45
css × 34
html × 33
javascript × 28
jquery × 24
html5 × 23
css3 × 15
php × 8
bootstrap-4 × 7
ruby-on-rails × 6
modal × 5
django × 4
angularjs × 4
datepicker × 4
ajax × 3
ruby × 3
laravel × 2
asp.net-mvc × 2
web × 2
asp.net-mvc-5 × 2
django-forms × 2
div × 2
cakephp × 2
video × 2