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".

14
Recharger le contenu en modal (bootstrap Twitter)
J'utilise le popup modal de Twitter Bootstrap. <div id="myModal" class="modal hide fade in"> <div class="modal-header"> <a class="close" data-dismiss="modal">×</a> <h3>Header</h3> </div> <div class="modal-body"></div> <div class="modal-footer"> <input type="submit" class="btn btn-success" value="Save"/> </div> </div> Je peux charger du contenu en utilisant ajax avec cet élément a: <a data-toggle="modal" data-target="#myModal" href="edit.aspx">Open modal</a> Maintenant, je …
1
Pourquoi Bootstrap 3 est-il passé à box-sizing: border-box?
Je migre mes thèmes Bootstrap de la v2.3.2 vers la v3.0.0 et une chose que j'ai remarquée est que beaucoup de dimensions sont calculées différemment, en raison des styles suivants dans bootstrap.css. *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } Quelqu'un peut-il expliquer pourquoi Bootstrap change le …
12
Comment définir le décalage pour ScrollSpy dans Bootstrap?
J'ai un site avec la barre de navigation fixée en haut et 3 divs en dessous dans la zone de contenu principale. J'essaye d'utiliser scrollspy à partir du framework bootstrap. Je l'ai mis en évidence avec succès les différents en-têtes dans le menu lorsque vous faites défiler les divs. Je …
18
Comment définir la valeur sélectionnée lors de la sélection à l'aide du plug-in Selectpicker de bootstrap
J'utilise le plugin Bootstrap-Select comme ceci: HTML : <select name="selValue" class="selectpicker"> <option value="1">Val 1</option> <option value="2">Val 2</option> <option value="3">Val 3</option> <option value="4">Val 4</option> </select> Javascript : $('select[name=selValue]').selectpicker(); Maintenant, je veux définir la valeur sélectionnée sur cette sélection lorsque vous cliquez sur le bouton ... quelque chose comme ceci: $('#mybutton').click(function(){ $('select[name=selValue]').val(1); …
8
Comment créer une image réactive qui évolue également dans Bootstrap 3
J'utilise actuellement Twitter Bootstrap 3 et je rencontre un problème pour créer une image responsive. J'ai utilisé la img-responsiveclasse. Mais la taille de l'image n'augmente pas. Si j'utilise à la width:100%place, max-width:100%cela fonctionne parfaitement. Où est le problème? Voici mon code: <div class="col-md-4 col-sm-4 col-xs-12 "> <div class="product"> <div class="product-img …
3
"Icon-bar" dans la barre de navigation de bootstrap de Twitter
Je ne comprends pas ce que signifie le code suivant en termes de icon-bar: <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> A quoi ça sert icon-bar? Pourquoi y a-t-il trois exemples similaires? Ce code se trouve dans la section de la barre de navigation: <div …
14
Styliser les boutons d'amorçage Twitter
Les boutons Twitter-Bootstrap sont incroyablement beaux. Essayez-les en les faisant défiler Mais ils sont limités en couleurs. Est-il possible de changer la couleur de base du bouton tout en conservant le bel effet de survol que le bootstrap a rendu si beau et sans effort? Je ne sais pas du …
4
bootstrap 4 utilitaires réactifs visibles / cachés xs sm lg ne fonctionne pas
Avoir un problème avec les nouvelles classes masquées / visibles des utilitaires réactifs lors de la migration vers Bootstrap 4 . Je sais que les classes .hidden- ont été supprimées de la v3 et remplacées par .hidden-*-up .hidden-*-down. Utilisation des nouvelles .hidden-*-up.hidden-*-downclasses mais les éléments ne deviennent pas visibles / …
8
Comment passer des paramètres à un modal?
Je veux passer le userNamed'une liste de userNameclics d'utilisateurs connectés sa à Twitter bootstrap modal. J'utilise des grails avec angularjs , où les données sont rendues via angularjs . Configuration Ma page de vue Grails encouragement.gspest <div ng-controller="EncouragementController"> <g:render template="encourage/encouragement_modal" /> <tr ng-cloak ng-repeat="user in result.users"> <td>{{user.userName}}</rd> <td> <a class="btn …
13
Élément Bootstrap 100% largeur
Je souhaite créer une alternance de blocs 100% colorés. Une situation «idéale» est illustrée comme un attachement, ainsi que la situation actuelle. Configuration souhaitée: Actuellement: Ma première idée a été de créer une classe div, de lui donner une couleur d'arrière-plan et de lui donner une largeur de 100%. .block …
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.