Questions marquées «twitter-bootstrap-3»

Bootstrap 3 est la troisième génération du framework frontal permettant un développement Web plus rapide avec une apparence et une sensation attrayantes. Utiliser avec la balise [twitter-bootstrap]

5
Bootstrap saisie de texte pleine largeur dans un formulaire en ligne
J'ai du mal à créer une zone de texte qui s'adapte à toute la largeur de ma zone de conteneur . <div class="row"> <div class="col-md-12"> <form class="form-inline" role="form"> <input type="text" class="form-control input-lg" id="search-church" placeholder="Your location (City, State, ZIP)"> <button type="submit" class="btn btn-lg">Search</button> </form> </div> </div> Lorsque je fais ce qui …
6
Comment ajouter un champ de recherche avec une icône à la barre de navigation dans Bootstrap 3?
J'utilise le nouveau Twitter Bootstrap 3 et j'essaie de placer un champ de recherche comme celui-ci (ci-dessous) dans la barre de navigation supérieure : Dans Bootstrap 2, cela aurait pu être fait comme ceci: <form class="form-search" method="get" id="s" action="/"> <div class="input-append"> <input type="text" class="input-medium search-query" name="s" placeholder="Search" value=""> <button type="submit" …
13
Bootstrap 3: tirez à droite pour col-lg uniquement
Nouveau sur bootstrap 3 .... Dans ma mise en page, j'ai: <div class="row"> <div class="col-lg-6 col-md-6">elements 1</div> <div class="col-lg-6 col-md-6"> <div class="pull-right"> elements 2 </div> </div> </div> Je voudrais que les «éléments 2» ne soient PAS alignés directement sur des écrans plus petits que col-lg. Donc effectivement avoir la classe …
14
Bootstrap 3 Réduire l'état de l'affichage avec l'icône Chevron
En utilisant l'exemple de base tiré de la page d'exemples Javascript Bootstrap 3 pour Collapse , j'ai pu montrer l'état de réduction à l'aide d'icônes en chevron. J'ai ce travail en utilisant: $('#accordion .accordion-toggle').click(function (e) { var chevState = $(e.target).siblings("i.indicator").toggleClass('glyphicon-chevron-down glyphicon-chevron-up'); $("i.indicator").not(chevState).removeClass("glyphicon-chevron-down").addClass("glyphicon-chevron-up"); }); Cela fonctionne (pas entièrement testé dans tous …
18
Bootstrap 3: conserver l'onglet sélectionné lors de l'actualisation de la page
J'essaie de garder l'onglet sélectionné actif lors de l'actualisation avec Bootstrap 3 . Essayé et vérifié avec une question déjà posée ici, mais aucun travail pour moi. Je ne sais pas où je me trompe. Voici mon code HTML <!-- tabs link --> <ul class="nav nav-tabs" id="rowTab"> <li class="active"><a href="#personal-info" …
6
Bootstrap 3 - Pourquoi la classe de ligne est-elle plus large que son conteneur?
Je viens de commencer à utiliser Bootstrap 3. J'ai du mal à comprendre comment fonctionne la classe row. Existe-t-il un moyen d'éviter le padding-leftet padding-right? <div class="row" style="background:#000000"> <div class="col-xs-4 .col-xs-offset-1"> col </div> <div class="col-xs-2"> col </div> <div class="col-xs-2"> col </div> <div class="col-xs-2"> col </div> </div> http://jsfiddle.net/petran/rdRpx/
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.