Questions marquées «twitter-bootstrap»

Je travaille sur un site Web utilisant bootstrap. Fondamentalement, je voulais utiliser un modal dans la page d'accueil, invoqué par le bouton dans l'unité Hero. Code du bouton: <button type="button" class="btn btn-warning btn-large" data-toggle="modal" data-target="#myModal">Open Modal</button> Code modal: <div class="modal hide fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-header"> <button …

204 twitter-bootstrap  modal-dialog 

Je suis nouveau sur Bootstrap et coincé avec ce problème. J'ai un champ de saisie et dès que j'entre un seul chiffre, la fonction de onChangeest appelée, mais je veux qu'elle soit appelée lorsque j'appuie sur «Entrée» lorsque le numéro entier a été entré. Le même problème pour la fonction …

204 javascript  twitter-bootstrap  reactjs 

Existe-t-il un moyen d'augmenter le point auquel la barre de navigation du bootstrap 3 s'effondre (c'est-à-dire pour qu'elle s'effondre en une liste déroulante sur les tablettes de portrait)? Ces deux étaient applicables au bootstrap 2 mais pas maintenant! Comment changer le seuil d'effondrement de la barre de navigation en utilisant …

202 twitter-bootstrap  twitter-bootstrap-3  navbar 

Quelle est la meilleure façon de concevoir un formulaire qui ressemble à ceci (veuillez voir le lien ci-dessous) dans twitter bootstrap sans aucun cours maison? Est-il possible de définir un formulaire interne en ligne à l'intérieur d'un formulaire horizontal comme dans l'exemple ci-dessous:

200 html  forms  twitter-bootstrap 

J'ai commencé à utiliser Bootstrap afin de réaliser une belle conception de page sans recourir à GWT (le backend est fait en java) Pour mon écran de connexion, j'ai copié cet exemple . Maintenant, je veux marquer une erreur, par exemple, que le nom d'utilisateur est resté vide. Je me …

200 twitter-bootstrap 

Je veux une image plus grande avec 4 images plus petites dans un format 2x2 comme celui-ci: Ma première pensée était de tout ranger dans une rangée. Créez ensuite deux colonnes et, dans la deuxième colonne, créez deux lignes et deux colonnes pour créer l'effet 1x1 et 2x2. Cependant, cela …

200 css  html  twitter-bootstrap  grid  grid-system 

Est-ce que quelqu'un sait comment changer Bootstrap input:focus? La lueur bleue qui apparaît lorsque vous cliquez sur un inputchamp?

196 html  css  twitter-bootstrap 

Je conçois une page en utilisant Bootstrap 3. J'essaie d'utiliser un popover avec placement: rightsur un élément d'entrée. Le nouveau Bootstrap garantit que si vous utilisez, form-controlvous disposez essentiellement d'un élément d'entrée pleine largeur. Le code HTML ressemble à ceci: <div class="row"> <div class="col-md-6"> <label for="name">Name:</label> <input id="name" class="form-control" type="text" …

192 css  twitter-bootstrap  twitter-bootstrap-3  popover 

Dans le bootstrap de Twitter, en regardant la documentation des modaux . Je n'ai pas pu déterminer s'il existe un moyen d'écouter l'événement de fermeture du modal et d'exécuter une fonction. Par exemple, prenons ce modal comme exemple: <div class="modal-header"> <button type="button" class="close close_link" data-dismiss="modal" aria-hidden="true">×</button> <h3>Modal header</h3> </div> <div …

191 jquery  twitter-bootstrap  modal-dialog 

Je suis un peu coincé avec un problème CSS lors de l'utilisation de Bootstrap. J'utilise également Angular JS avec Angular UI.bootstrap (ce qui pourrait faire partie du problème). Je crée un site Web qui affiche des données dans un tableau. Parfois, les données contiennent des objets que je dois afficher …

191 html  css  twitter-bootstrap 

Les boutons de Twitter Bootstrap ont un bon Loading...état disponible. Le fait est qu'il montre juste un message comme Loading...passé par l' data-loading-textattribut comme ceci: <button type="button" class="btn btn-primary start" id="btnStartUploads" data-loading-text="@Localization.Uploading"> <i class="icon-upload icon-large"></i> <span>@Localization.StartUpload</span> </button> En regardant Font Awesome, vous voyez qu'il y a maintenant une icône de …

191 button  twitter-bootstrap  icons  loading  font-awesome 

J'utilise Twitter Bootstrap sur un projet. En plus des styles d'amorçage par défaut, j'ai également ajouté certains de mes propres styles //My styles @media (max-width: 767px) { //CSS here } J'utilise également jQuery pour modifier l'ordre de certains éléments sur la page lorsque la largeur de la fenêtre d'affichage est …

187 jquery  css  twitter-bootstrap  media-queries 

Pour la vie de moi, je suis incapable de faire en sorte que ces boutons de bootstrap Twitter s'habillent sur plusieurs lignes, ils apparaissent comme tels. Je ne peux pas publier d'images, c'est donc ce qu'il fait ... [Ceci est le texte bu] tton Je voudrais que ça ressemble à …

186 html  css  twitter-bootstrap  web 

Bootstrap prend-il en charge les boutons à largeur fixe? Actuellement, si j'ai 2 boutons, "Enregistrer" et "Télécharger", la taille du bouton change en fonction du contenu. Quelle est également la bonne façon d'étendre Bootstrap?

186 css  twitter-bootstrap 

J'ai besoin que la superposition s'affiche au-dessus du premier modal, pas à l'arrière. Afficher l'extrait de code $('#openBtn').click(function(){ $('#myModal').modal({show:true}) }); <a data-toggle="modal" href="#myModal" class="btn btn-primary">Launch modal</a> <div class="modal" id="myModal"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h4 class="modal-title">Modal title</h4> </div><div class="container"></div> <div class="modal-body"> Content for the …

185 javascript  jquery  twitter-bootstrap  twitter-bootstrap-3  modal-dialog