Posicionar un radio button con imagen al lado del otro dentro de modal

publicado por: Anonymous No estoy pudiendo resolver el problema en el que aparece un radiobutton debajo del otro. Quiero colocarlo a la derecha del primero dentro del modal. Así me aparece: Y acá está el HTML de esa parte: <div class=”cc-selector”> <input checked=”checked” id=”visa” type=”radio” name=”credit-card” value=”visa” /> <label class=”drinkcard-cc visa” for=”visa”> <img src=”<?php echo…(Continue Reading)

Coordinar barra lateral y navegador co bootstrap

publicado por: Anonymous Buenas! Lo primero de todo soy un supernoob con páginas web y he tomado la mala decisión de usar bootstrap en mi primer proyecto de la universidad, así que agradecería todo consejo que podáis darme :3 Estoy haciendo una plantilla de la barra de navegación y la barra lateral y quiero que…(Continue Reading)

Datepicker-bootstrap fecha actual

publicado por: Anonymous Como hago para que el datepicker-bootstrap me ponga la fecha actual por default en el input, he revisado en algunos foros y nada mayormente el que utilizan es jqueri-UI solución Se lo asignas directamente al value del input o a su función de setDate _x000D_ _x000D_ $(‘.datepicker’).datepicker(“setDate”, new Date()); _x000D_ <link srv=”https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.8.0/css/bootstrap-datepicker.min.css”…(Continue Reading)

¿Como ajusto el ancho de un modal al contenido del mismo?

publicado por: Anonymous Tengo un modal en el cual indico información preliminar para realizar dichas acciones, pero algunos datos superan el espacio del modal. Aca un ejemplo de un modal que uso. _x000D_ _x000D_ <script src=”//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js”></script>_x000D_ <link href=”//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css” rel=”stylesheet” type=”text/css” />_x000D_ <script src=”//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js”></script>_x000D_ _x000D_ <div id=”ModalEliminar” class=”modal fade in” role=”dialog” style=”overflow-y: scroll; display: block;” aria-hidden=”false”>_x000D_…(Continue Reading)

¿Como puedo alinear verticalmente un contenido de un div con bootstrap 3?

publicado por: Anonymous Si observan el ejemplo en una resolución de 1024p podrán observar como el texto del label se extiende y el select pegado a la parte superior del div que le corresponde a el. Acá el ejemplo de mi form: _x000D_ _x000D_ <script src=”//cdnjs.cloudflare.com/ajax/libs/jquery/1.9.1/jquery.min.js”></script>_x000D_ <link href=”//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css” rel=”stylesheet” type=”text/css” />_x000D_ _x000D_ <form class=”form-horizontal” role=”form”…(Continue Reading)

django-crispy-forms – Insertando campos en un template

publicado por: Anonymous Tengo el siguiente formulario: class RehabilitationSessionForm(forms.ModelForm): def __init__(self, *args, **kwargs): # user = kwargs.pop(‘user’, None) super(RehabilitationSessionForm, self).__init__(*args, **kwargs) self.helper = FormHelper() self.helper.form_method = ‘post’ self.helper.add_input(Submit(‘submit’, u’Guardar’)) class Meta: model = RehabilitationSession widgets = { ‘pain_extremity’:forms.RadioSelect, ‘upper_extremity’:forms.RadioSelect, } fields = [‘patient’, ‘medical’, ‘therapist’, ‘date_session_begin’, ‘upper_extremity’, ‘pain_extremity’,’movement_up’,’movement_down’, ‘movement_left’,’movement_right’, ‘games’,’game_levels’,’iterations’,’game_observations’,’patient_behavior’, ‘observations’,’period’,’date_session_end’, ] Deseo poder renderizar…(Continue Reading)

Padding/Margin de bootstrap

publicado por: Anonymous Estoy aprendiendo a usar bootstrap haciendo una página basándome en un modelo y no consigo quitar el margen a la izquierda del botón de inicio. He probado muchas cosas cambiando el css (modificando margin, padding, etc) y no consigo cambiarlo aunque parezca una tontería :3 Este es el código: _x000D_ _x000D_ <script…(Continue Reading)

¿Cómo puedo poner el slider en todo el ancho de la pantalla y que luego aparezca la barra de navegación?

publicado por: Anonymous EDITO DE NUEVO: He utilizado el código del compañero @Arngue, pero no logro lo que necesito. También he probado el código de @JheymanMejia pero no me funciona como su ejemplo, a pasar de añadir el código similar al que él ha mostrado. En mi proyecto la barra de navegación sale desde el…(Continue Reading)

HTML no reconoce el CSS en aplicación Spring Boot

publicado por: Anonymous Resulta que estoy realizando una aplicación con Spring Boot en la cual tengo tres archivos HTML en los cuales estoy metiendo CSS de bootstrap. En los dos primeros HTML no he tenido ningún problema para que me reconociera el CSS pero cuando he llegado al último no se aplican los estilos. He…(Continue Reading)

¿como adapto el tamaño del popover de bootstrap al tamaño del contenido?

publicado por: Anonymous Tengo una informacion guardada en un popover y deseo que se me adapte al contenido que tiene, pero no encuentro como. Acá el ejemplo: _x000D_ _x000D_ $( document ).ready(function() {_x000D_ $(‘#prueba’).html(funcion());_x000D_ $(‘[data-toggle=”popover”]’).popover({_x000D_ html : true_x000D_ }); _x000D_ });_x000D_ _x000D_ _x000D_ function funcion(){_x000D_ var json = [{_x000D_ “id_procesos”: 3,_x000D_ “p”: “Llenado de productos”,_x000D_…(Continue Reading)

Destruir modal bootstrap 3

publicado por: Anonymous No he encontrado la forma de destruir los modal , actualmente solo los oculto por lo que conlleva que tenga que limpiar manualmente los campos de los modal, he probado lo siguiente sin resultados: $(‘#Modal’).modal(‘hide’); $(‘#Modal’).removeData(); $(‘#Modal’).data(‘modal’, null); El .remove() cierra el modal pero , hace que la pantalla se ponga en…(Continue Reading)

Agregar 2 inputs uno al lado del otro en la misma columna

publicado por: Anonymous Estoy armando un formulario en Bootstrap, y quiero que en la misma fila y la misma columna haya 2 inputs, uno al lado del otro. Probé con la clase input-group, con la que pude agregar botones y etiquetas a los inputs, pero cuando meto 2 inputs dentro de un input-group el segundo…(Continue Reading)

¿Cómo quitar espacios en Bootstrap?

publicado por: Anonymous Estoy comenzando con algo de diseño web pero me he encontrado con este problema que llevo un buen rato intentando quitarlo. Me gustaría eliminar el espacio que está entre el logo de la página y el link de Inicio: <body> <nav class="navbar navbar-inverse navbar-fixed-top"> <div class="container"> <ul class="nav navbar-header"> <a href="index.jsp"><img src="images/LOGO.png"…(Continue Reading)

Como Representar un DataTable En una Vista MVC Sin conocer las propiedades del DataTable

publicado por: Anonymous Esto es lo que tengo en el controlador, creo una clase de prueba, la convierto a json y envio ese json a la clase que convierte cualquier json en un DataTable. var Personas = new List<Personas>(); Personas.Add(new Personas() { Nombre= “Juan”, Apellido=”Lopez”, Edad=30, FechaNacimiento = new DateTime(1987,01,25)}); Personas.Add(new Personas() { Nombre =…(Continue Reading)

¿Cómo alinear horizontalmente dos botones agrupados con btn-group en la resolución móvil?

publicado por: Anonymous Buen día, estoy trabajando con Bootstrap 3 y tengo dos botones “Anterior” y “Siguiente” agrupados de la siguiente manera: <div class=”row”> <div class=”col-md-3 col-md-offset-9 text-right” > <div class=”btn-group” role=”group”> <button class=”btn btn-default” type=”button”><span class=”glyphicon glyphicon-step-backward”></span>&nbsp;Anterior</button> <button class=”btn btn-default” type=”button”>Siguiente&nbsp;<span class=”glyphicon glyphicon-step-forward”></span></button> </div> </div> </div> En la resolución para móviles los botones se…(Continue Reading)

Problema con salto de Linea en Boostrap 3.3

publicado por: Anonymous Desde hace varios días no logra encontrar porque no se visualiza correctamente una vista, hecha con Java Server Pages y Bootstrap 3. He revisado el código y no logro darme cuenta que cuál es el error, las librerías Bootstrap las carga correctamente e igual jQuery. El problema es que en pantallas grandes,…(Continue Reading)

¿Cómo añadir un dropdownMenu dentro de otro? Bootstrap

publicado por: Anonymous Estoy intentando añadir un menú desplegable dentro de otro utilizando Bootstrap pero al seleccionar el segundo cierra el menú directamente. Template <li><a href=”” id=”dropdownMenuConfiguacion” data-toggle=”dropdown” aria-haspopup=”true” aria-expanded=”false”>Configuracion <span class=”caret”></span></a> <div class=”dropdown-menu” aria-labelledby=”dropdownMenuConfiguracion”> <ul class=”nav navbar-nav”> <li><a href=”” id=”dropdownMenuUsuarios” data-toggle=”dropdown” aria-haspopup=”true” aria-expanded=”false”>Usuarios <span class=”caret”></span></a> <div class=”dropdown-menu” aria-labelledby=”dropdownMenuUsuarios”> <ul class=”nav navbar-nav”> <li><a href=”{% url…(Continue Reading)

Desplegar datetimepicker hacia arriba

publicado por: Anonymous ¿Cómo le hago para desplegar un datetimepicker hacia arriba inmediatamente encima del input que lo despliega? ¿Cómo debería inicializarlo? Uso bootstrap 3.3.7. Por ahora solo lo tengo inicializado de esta manera: $(“[id^=’Date’]”).datetimepicker({ locale: ‘es’, format: ‘DD/MM/YYYY’, maxDate: Date.now(), showClose: true, allowInputToggle: true, keepInvalid: true, ignoreReadonly: true, }).on(“dp.show”, function () { $(this).next().css(“bottom”, 57)…(Continue Reading)

¿Como cargar items a un menú, a partir de una consulta ajax y que se adapte a la plantilla que se esta usando?

publicado por: Anonymous Quiero hacer mi menu apartir de una consulta a la base de datos, para determinar que funciones tienen los perfiles de usuario, entonces realizo la consulta me retorna bien y agrega los items pero no me carga las opciones de niveles y subniveles del menu. HTML: <div class=”navbar-default sidebar” role=”navigation”> <div class=”sidebar-nav…(Continue Reading)

¿Por qué al llamar a un modal dentro de otro modal mi app deja de reconocer que hay un modal mostrándose?

publicado por: Anonymous Explico un poco más: Muestro un modaly en el quiero agregar mas items al select; la opción funciona correctamente, pero cuando el modal que registra nuevos items al select se oculta el primer modal es ignorado, como sino estuviera. A lo que me refierio con “como sino estuviera” es que hasta el…(Continue Reading)

generar de forma dinámica un árbol con bootstrap-treeview

publicado por: Anonymous me he encontrado con este framework de boostrar para hacer estructuras en árbol pero tengo mis dudas. La primera es saber si los parámetros del array, deben llamarse “Text” y “nodes” como en el ejemplo que añado, imagino que el json deberá tener una estructura concreta. Lo que me gustaría saber es…(Continue Reading)