Questions marquées «twitter-bootstrap»

Bootstrap est un framework frontal conçu pour démarrer le développement d'applications et de sites Web. Pour les questions relatives à une version de Bootstrap, utilisez également la balise de la version spécifique des balises "twitter-bootstrap-2", "twitter-bootstrap-3" et "bootstrap-4".

30
Centrer une colonne à l'aide de Twitter Bootstrap 3
Comment centrer un div d'une taille de colonne dans le conteneur (12 colonnes) dans Twitter Bootstrap 3 ? .centered { background-color: red; } <body class="container"> <div class="col-lg-1 col-offset-6 centered"> <img data-src="holder.js/100x100" alt="" /> </div> </body> Exécuter l'extrait de codeMasquer les résultatsDévelopper l'extrait Je veux un div, avec une classe .centeredà …
30
Comment puis-je faire des colonnes Bootstrap de la même hauteur?
J'utilise Bootstrap. Comment faire trois colonnes de même hauteur? Voici une capture d'écran du problème. J'aimerais que les colonnes bleues et rouges aient la même hauteur que la colonne jaune. Voici le code: <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/> <div class="container-fluid"> <div class="row"> <div class="col-xs-4 panel" style="background-color: red"> some content </div> <div class="col-xs-4 …
23
alignement vertical avec Bootstrap 3
J'utilise Twitter Bootstrap 3, et j'ai des problèmes lorsque je veux aligner verticalement deux div, par exemple - Lien JSFiddle : <!-- Latest compiled and minified CSS --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css"> <!-- Optional theme --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap-theme.min.css"> <!-- Latest compiled and minified JavaScript --> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script> <div class="row"> <div …
14
Comment ouvrir une fenêtre modale Bootstrap en utilisant jQuery?
J'utilise la fonctionnalité de la fenêtre modale Twitter Bootstrap. Quand quelqu'un clique sur soumettre sur mon formulaire, je veux afficher la fenêtre modale en cliquant sur le "bouton soumettre" dans le formulaire. <form id="myform" class="form-wizard"> <h2 class="form-wizard-heading">BootStap Wizard Form</h2> <input type="text" value=""/> <input type="submit"/> </form> <!-- Modal --> <div id="myModal" …
6
Qu'est-ce que sr-only dans Bootstrap 3?
À quoi sert la classe sr-only? Est-ce important ou puis-je le supprimer? Fonctionne bien sans. Voici mon exemple: <div class="btn-group"> <button type="button" class="btn btn-info btn-md">Departments</button> <button type="button" class="btn btn-info dropdown-toggle btn-md" data-toggle="dropdown"> <span class="caret"></span> <span class="sr-only">Toggle Dropdown</span> </button> <ul class="dropdown-menu" role="menu"> <li><a href="#">Sales</a></li> <li><a href="#">Technical</a></li> <li class="divider"></li> <li><a href="#">Show all</a></li> …
23
Comment obtenir un contenu centré en utilisant Twitter Bootstrap?
J'essaie de suivre un exemple très basique. En utilisant la page de démarrage et le système de grille , j'espérais ce qui suit: <div class="row"> <div class="span12"> <h1>Bootstrap starter template</h1> <p>Example text.</p> </div> </div> Exécuter l'extrait de codeMasquer les résultatsDévelopper l'extrait ... produirait un texte centré. Cependant, il apparaît toujours …
11
Lier une fonction à Twitter Bootstrap Modal Fermer
J'utilise la bibliothèque Twitter Bootstrap sur un nouveau projet et je souhaite qu'une partie de la page soit actualisée et récupérée les dernières données json sur la fermeture modale. Je ne vois cela nulle part dans la documentation. Quelqu'un peut-il me le signaler ou suggérer une solution. Deux problèmes avec …
10
Passer des données à un modal bootstrap
J'ai quelques hyperliens auxquels chacun a un ID attaché. Lorsque je clique sur ce lien, je souhaite ouvrir un modal ( http://twitter.github.com/bootstrap/javascript.html#modals ) et transmettre cet ID au modal. J'ai cherché sur google, mais je n'ai rien trouvé qui puisse m'aider. Voici le code: <a data-toggle="modal" data-id="@book.Id" title="Add this item" …
En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.