Tag: twitter bootstrap

Mostrar Bootstrap Modal Carga de página por primera vez

Estoy intentando mostrar un modo de arranque cuando una persona visita una página por primera vez (después de iniciar sesión en mi aplicación). Quiero usar el modal para ofrecer un video de “Introducción” y también ofrecer una checkbox de “no mostrarme esto otra vez” para que el visitante pueda omitir el “modal de inicio” en […]

Los enlaces del menú contraído de Bootstrap no funcionan en dispositivos móviles

Estoy usando un menú plegable con elementos de submenú en una barra de navegación. El menú se contrae correctamente en pantallas estrechas y los elementos del submenú se muestran correctamente. Sin embargo, cuando hago clic en un elemento del submenú en un dispositivo móvil, el enlace no funciona. En su lugar, el submenú se contrae […]

¿Cómo ocultar Bootstrap modal con javascript?

He leído las publicaciones aquí, el sitio de Bootstrap y busqué en Google como locas, pero no puedo encontrar lo que estoy seguro de que es una respuesta fácil … Tengo un modo Bootstrap que abro desde un link_to helper como este: ‘modal’, ‘data-target’ => “#myModal”, class: “btn btn-primary”} %> En mi acción ContactsController.create , […]

Evite la desaparición del menu desplegable con bootstrapDropdown onclick en la list

Estoy usando usar el menu desplegable de arranque para generar un menu desplegable. Me gustaría evitar la desaparición del menu cuando click él. Implementé el siguiente código, pero no funciona. ¿Alguna de idea de cómo arreglarlo? HTML <li class="dropdown notification"> <a href="#" class="dropdown-toggle" data-toggle="dropdown"> <span class="notification-label label label-info"> <i class="icon-inbox icon-white"></i> <span class="notification-number">{{ unread_notifications }}</span> […]

BOOTSTRAP activa la sugerencia de herramienta en el elemento de input solo si ingresa val length <n

Me gustaría mostrar información sobre herramientas cuando input.val().length <= 3 luego ocultar información sobre herramientas cuando> 3 caracteres Mira esto: <input type="text" id="nav-search"/> $('#nav-search').on('keyup',function(){ var _keys = $(this).val(); if(_keys.length <= 3){ $(this).tooltip({'trigger':'focus',position:'right'}); $(this).trigger('focusin'); } }); obviamente no funciona: /

jQuery Validate no funciona en Bootstrap 3 en forma de tabs

He visto esta pregunta / respuesta , y muchas más me gusta, pero todavía no puedo get mi validation de formulario para cambiar de pestaña o moverme a la pestaña con el error. JQuery relevante: $(document).ready(function () { $("form[name=modify]").validate({ ignore: [], rules: { first_name: { requinetworking: true, }, surname: { requinetworking: true }, id_number: { […]

¿Puedo inicializar el carrusel de arranque en una function? ¿o debería hacerse solo en la function list?

$('.carousel').carousel({ pause: true, interval: false }); Quiero inicializar esto en una function pero no está funcionando. ¿Hay alguna manera de hacer esto? FYI intenté colocarlo en la function document.ready .

Bootstrap Confirmation data-on-confirm no se está ejecutando la function

Estoy intentando hacer que una confirmación de eliminación ejecute una function que elimine los datos de identificación actuales. Estoy recibiendo este error: Unkeught TypeError: no se puede leer la propiedad 'call' de undefined en esta parte de bootstrap-confirmation.js return function() { context[func].call(this); }; este es mi código de button <button class="btn btn-danger" data-toggle="confirmation" data- btn-ok- […]

Cómo usar alertas de Bootstrap usando AngularJS

Hola, mi proyecto funciona en Djnago y AngularJS. Quiero include alertas de arranque una vez que el usuario envíe. Si es exitoso, muestre alerta, éxito, etc. ¿Cómo puedo hacer esto? El siguiente es mi código angularJS: $scope.submit =function(){ data = {}; angular.extend(data, $scope.final_data); angular.extend(data, { xxx: $scope.final_data.xxx }); $http.post('{% url 'submission' %}', data).success( function(data){ $scope.get_info(); […]

Establecer el map en pantalla completa de leaflet.js usando bootstrap

Estoy trabajando en una plantilla basada en estos ejemplos: http://getbootstrap.com/examples/dashboard/ http://leafletjs.com/examples/choropleth.html Y solo quiero tener un map de folletos de tamaño completo. Sin embargo, no puedo hacer que funcione. Este es mi file index.html : <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>NY Noise Map</title> <script src="http://code.jquery.com/jquery-2.1.0.min.js"></script> <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script> <!– ####Leaflet#### –> <script src="http://cdn.leafletjs.com/leaflet/v0.7.7/leaflet.js"></script> […]

Javascript tiene muchos buenos JS marco (como Node.js AngularJS Vue.js React.js) es el mejor lenguaje de script.