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

twitter-bootstrap...

J'utilise bootstrap 4 et je veux div au centre dans les appareils très petits (xs). Jetez un œil à ceci Comme vous pouvez le voir, ces 2 contenus sont à gauche, je veux ces 2 div au centre des appareils xs. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> ....
18 juin 2020 à 10:41
J'ai trois balises <ul>, je veux qu'elles s'affichent en ligne ou toutes sur la même ligne. Actuellement, ils sont affichés sous forme de bloc et semblent séparés. Au lieu d'afficher: All Apple Banana Strawberry Red Green White Blue Purple Blue Je veux qu'ils s'affichent comme: All Apple Banana ....
8 juin 2020 à 09:36
J'essaie en ce moment de réduire l'espacement entre les éléments de ma barre de navigation qui est stylisée à la fois avec CSS personnalisé et Bootstrap. À l'heure actuelle, l'espacement est beaucoup trop tard et cela semble être dû au fait que Bootstrap essaie d'espacer les éléments de la barre de ....
8 juin 2020 à 08:54
J'ai donc créé une carte que vous pouvez voir ici: <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet" /> <div class="card"> <div class="card-body"> <div class="container mr-0 pr-0"> <div class="row"> <div class="col-2"> ....
7 juin 2020 à 21:08
J'utilise le code HTML suivant sur un composant dans Angular pour afficher une image miniature en fonction de la taille de l'écran des utilisateurs. <div class="col-12 col-lg-3 col-md-6 col-sm-6 col-xs-12"> <img class="d-none d-sm-none d-md-block d-lg-block img-fluid img-thumbnail" src="api/thumbn....
<div class="col-12 col-md-7">column md-7</div> <div class="col-12 col-md-1">spacer md-1</div> <div class="col-12 col-md-4">column md-4</div> Je me suis porté volontaire pour travailler sur une page pour une conférence sur l'accessibilité. Les organisateurs ont utilisé un générateur de page "glisser....
18 mai 2020 à 16:18
Lorsque vous y ajoutez une bordure, le lecteur vidéo chevauche la bordure J'ai comme ça Mais je veux comme Tout mon code disponible ici: https://codesandbox.io/s /ominiassesment-ike26?file=/src/App.js....
15 mai 2020 à 19:25
J'ai ce code mais je ne peux pas insérer l'icône au milieu du bouton? Veuillez consulter ici: http://jsfiddle.net/fsbqv3z4/ <input type="button" id="google-search" name="btnI" formaction="https://www.google.com/search?q=adprizes%2B+" class="searchButton2" data-toggle="tooltip" data-placement="top" t....
13 mai 2020 à 23:27
J'essaie d'ajouter un CSS personnalisé transition à mon projet basé sur Bootstrap 3 existant. Un simple conteneur flex qui contient une valeur input et un champ select. jQuery est utilisé pour ajouter une classe .hidden au champ input lorsque la première valeur select est sélectionnée. Cette classe ....
12 mai 2020 à 18:52
J'ai 3 éléments div chacun avec une largeur de 4 je veux les aligner tous les 4 dans une rangée j'utilise également un bouton bascule pour afficher ces div parce que par défaut ces div affichage ne sont aucun mais quand je clique sur le bouton bascule div sera montrez-lui que le problème est que les....
11 mai 2020 à 09:48
J'essaie d'avoir une liste déroulante sur un élément de la barre de navigation. Cela fonctionne, mais la flèche est sur le texte de l'élément de menu. Codepen: https://codepen.io/ogonzales/pen/QWjmorP Code <nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark" style="height: 70px;"....
9 mai 2020 à 13:17
Je souhaite afficher une carte de même hauteur mais de tailles différentes, en respectant la grille de Boostrap. Si je prends l'exemple du jeu de cartes: https://jsfiddle.net/sb7t5y3x/, je viens de voulez par exemple que la première carte soit de taille col-6, pour moi la manière la plus élégante de....
9 mai 2020 à 11:24
Dans mon cas, je dois utiliser 5 col-md pour une ligne et un autre col-md doit passer à la ligne suivante sans ligne ouverte. J'ai essayé avec nth: child et cela ne m'aide pas, aidez-moi à résoudre ce problème Veuillez cliquer sur la page entière sur l'extrait pour une meilleure vue .col-md:nth-ch....
3 mai 2020 à 11:48
Je crée une page FAQ qui contient de nombreuses questions liées comme ci-dessous. La classe active ajoute des fonctionnalités de contenu déroulant. Le script utilisé est: const toggles = document.querySelectorAll('.faq-toggle'); toggles.forEach(toggle => { toggle.addEventListener('click....
Après avoir lancé un modal bootstrap et l'avoir fermé, le sélénium ne peut trouver aucun autre élément sur la page. Trois boutons sont affichés à l'écran ci-dessous. Dont la fonction de 2 boutons est de lancer un modal bootstrap et de le fermer, et la fonction du troisième bouton (celui du milieu) e....
J'essaie d'aligner un élément, dans ce cas une icône fontawesome, à la fin d'une carte de taille réactive (en largeur). J'ai du mal à faire fonctionner cela. Voici mon html pour ma carte: <div class="card mt-4 mycard"> <a href="#" style="text-decoration: none; color: inherit"> <div class....
J'ai une image d'arrière-plan pleine page sur laquelle j'aimerais superposer des lignes de numérisation. Je veux reproduire les effets de ligne de balayage diagonale plus traditionnels que j'ai grandis dans l'art numérique des années 2000, tels que ici dans le masque de motif de Bootstrap 5: J'ai v....
25 avril 2020 à 22:24
J'ai le code suivant dans mon fichier HTML: <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"> <div class="list-group list-group-flush"> <a href="javascript: void(0)" data-parent=".list-group" class="list-group-item list-group-item-action ....
Le html rendu de mon formulaire est <div class="form-group col-xl-6"> <label class="form-label" for="SalePrice">Sale price</label> <input class="form-control" id="SalePrice" type="number" name="SalePrice" min="0" max="99999" step="0.10" required=""> <div class="invalid-fe....
23 avril 2020 à 11:26
J'ai actuellement une mise en page qui a une colonne représentant une navigation et une autre colonne qui représente le contenu. .bg-1{ background-color:orange; height: 400px; overflow-y: auto; } .bg-2{ background-color: red; height: 200px } .row{ align-items:flex-start....
22 avril 2020 à 12:29
Dans l'écran de très petite taille, je veux que la marque navbar et navbar-nav soient empilées verticalement. <nav class="navbar navbar-dark navbar-expand-sm bg-primary fixed-top"> <div class="container"> <a class="navbar-brand" href="#">Ristorante Con Fusion</a> <ul class="navba....
21 avril 2020 à 13:05
J'essaie de rendre le commutateur à bascule bootstrap via jquery mais cela ne fonctionne tout simplement pas après la première fois, je ne peux pas savoir quoi faire. $(document).ready(function(){ $('#showHideButton').change(function(){ var action = $(this).prop('checked'); ....
20 avril 2020 à 21:50
J'essaie d'insérer 8 images et un bouton dans une div dans un modèle bootstrap Joomla. J'ai besoin que les images soient alignées verticalement au centre et horizontalement uniformément sur le avec dans toutes les vues réactives (mobile, tablette, petit ordinateur portable, grand écran avec max 1920....
18 avril 2020 à 10:52
J'essaie donc de développer une page de formulaire simple en utilisant Bootstrap. Cependant, je veux une couleur de fond différente du blanc classique. Pour cette raison, j'ai ajouté une nouvelle couleur de fond (gris clair) en remplaçant la couleur de fond de la classe "form-control" . Lorsque j....
17 avril 2020 à 00:55
Problème: La classe justify-content-end ne fonctionne pas comme prévu dans le navbar lors de l'utilisation de Bootstrap 4. Exemple: j'essaie de commencer à utiliser css car je passe beaucoup de temps à écrire du CSS personnalisé. Cela dit, j'ai commencé à essayer de le comprendre sans écrire de CS....
12 avril 2020 à 19:54