Bootstrap 4 est la quatrième version majeure de la populaire bibliothèque de composants frontaux. Le framework Bootstrap aide à la création de sites Web et d'applications Web réactifs et axés sur les mobiles.

bootstrap-4...

J'utilise Bootstrap pincode-input.js pour afficher le code PIN de mon application Web. Je veux que ma broche soit masquée au départ. Mais lorsque l'utilisateur clique sur le bouton Afficher, je veux qu'il voit le code PIN. Quelqu'un peut-il m'aider à faire cela? Merci d'avance. <input type="text" id....
14 janv. 2020 à 09:53
J'ai 6 cartes bootstrap comme étape dans un assistant de formulaire et j'ai un bouton suivant qui va à la page suivante puis reviens les cartes cliquées conservent leur couleur d'arrière-plan donc, mon problème quand je reviens, cliquez sur une autre carte autre que celle des cartes précédemment cli....
J'ai un bootstrap de base 4, une page flexible dont la navigation et le pied de page devraient être collants mais ce n'est pas le cas et je ne peux pas comprendre pourquoi: <!doctype html> <html lang="en"> <head> <!-- Required meta tags --> <meta charset="utf-8"> <meta name="viewport....
9 janv. 2020 à 19:43
J'ai tout essayé, mais je n'ai pas pu mettre cet élément de menu au centre. Voici mon code: <div class="nav nav-tabs mb-2" id="nav-tab" role="tablist"> <a class="nav-item nav-link active" id="nav-home-tab" data-toggle="tab" href="#nav-home" role="tab" aria-controls="nav-home" aria-selected....
7 janv. 2020 à 11:08
Je travaille avec le thème créatif bootstrap. J'essaie de faire une liste de points en utilisant l'icône md-bootstrap check fa. actuellement ça ressemble à ça - entrez la description de l'image ici Je souhaite conserver le texte au centre de la page mais aligner le début des phrases vers la gauche....
7 janv. 2020 à 00:44
Utilisation de Bootstrap 4. Je veux y parvenir: Ignorez "Tout voir" et "4 327 évaluations" Je n'ai fini par obtenir cela que jusqu'à présent: Peu importe la cote 5, 4, 3 ... Je peux facilement les remplacer par des icônes de police. Voici mon code: <h4>Ratings and Reviews</h4> <div class="d-flex....
6 janv. 2020 à 19:29
Je sais que la question a déjà été posée plusieurs fois, mais je n'ai pas trouvé de solution adaptée à mon cas, j'ai essayé de mettre un bidon-fluide comme spécifié sur cette solution , mais cela ne semble pas fonctionner. Tout se passe bien, mais quand j'ajoute mon pied de page, cela ne prend pas t....
5 janv. 2020 à 21:43
Position mise à jour J'ai un problème que je n'arrive pas à centraliser mes coordonnées. Ci-dessous est le code que j'ai qui pousse tous les petits logos avec le texte sur le côté de la page Web. Cependant, mon objectif final est de les placer sur une seule ligne. Toute aide est la bienvenue! ....
4 janv. 2020 à 16:40
Dans bootstrap 4, j'ai le code suivant: <div class="container-fluid"> <div class="row no-gutter"> <div class="d-none d-md-flex col-md-12 flex-wrap"> <div style="width:100px;height:50px;float:left;display:block;background:red;">Div</div> <div style="width:100px;height:50px;f....
30 déc. 2019 à 23:39
Je suis nouveau dans le bootstrap. J'ai parcouru de nombreux sujets publiés ici sur le même sujet et essayé de nombreuses méthodes différentes, mais je n'ai pas eu de chance .. Je veux que le logo soit à gauche et que les liens de navigation soient alignés à droite. Jusqu'à présent, j'ai essayé: 1. ....
30 déc. 2019 à 10:09
J'ai trois éléments div qui ont un contenu h1. Je veux la première div à gauche, la 2e au centre et la 3e à droite, ce qui signifie tout dans la rangée. Lorsque je redimensionne la fenêtre (réactivité), le texte ne doit pas se diviser en deux lignes mais il doit seulement minimiser ou maximiser l'éc....
28 déc. 2019 à 13:02
J'ai essayé d'ajouter une classe active au composant sur lequel l'utilisateur se trouve. Je ne sais pas comment utiliser activeClassName. Code JSX: import React, { Component } from 'react'; import '../css/nav.scss'; import { Link, NavLink } from 'react-router-dom'; import 'react-bootstrap'; class Na....
28 déc. 2019 à 12:25
Je crois que mon image de fond crée un espace vide entre lui et mon pied de page collant flexbox. J'ai essayé de nombreuses façons, mais elles ne font que créer des problèmes différents jusqu'à présent ... Quelqu'un peut-il aider? J'ai créé une image d'espace réservé de la taille de mon image d'orig....
J'utilise des cartes Bootstrap, lorsque je fixe la largeur minimale des cartes, les cartes se chevauchent lorsque je réduis la largeur de la fenêtre, comment garantir que la troisième carte occupe la ligne suivante (pour éviter le chevauchement)? <div class="container" style="margin-top:3em;"> ....
27 déc. 2019 à 05:44
J'ai actuellement du mal à créer 2 lignes et à aligner le logo (en-tête) vers la gauche, les liens du menu 'Accueil' et 'Utilisateur' dans le coin supérieur droit. La deuxième ligne doit afficher le menu «Link1», «Link2», «Link3» au centre. Le code suivant ne semble pas s'aligner correctement. J'ai ....
27 déc. 2019 à 00:36
Comment afficher le défilement de la table Bootstrap à l'aide d'un conteneur flexible? https://getbootstrap.com/docs/4.4/content/tables/#responsive-tables J'ai besoin de DIVS de l'exemple JSFiddle. Si je supprime display: flex de .flex_container et que je redimensionne le navigateur Cela fonctionne....
26 déc. 2019 à 23:36
J'utilise donc le bootstrap pour créer une page d'accueil d'index ce que j'essaie de faire est essentiellement d'aligner au centre 2 divs l'une sur l'autre: j'ai un conteneur-fluide puis une ligne avec 2 cols: dans 1 des cols J'ai 2 divs que je veux aligner au centre (horizontalement et verticalemen....
23 déc. 2019 à 14:16
Je ne peux pas comprendre pourquoi Les onglets ne changent pas lorsqu'ils sont cliqués Les onglets n'affichent pas de contenu J'utilise électron et bootstrap, j'apprécierais si quelqu'un avait des recommandations ou des solutions. J'ai lu quelques autres questions similaires mais je n'ai pas trouvé ....
23 déc. 2019 à 10:11
J'ai une page Web sur laquelle j'ai un carrousel d'images et au lieu d'incorporer la vidéo youtube dans le carrousel, j'ai mis une image avec une icône youtube et sur son clic, l'ouverture modale avec la vidéo youtube. Depuis le carrousel est alimenté dynamiquement les images et le lien youtube, j'a....
Je reçois l'erreur suivante dans la console lorsque je clique sur l'élément entouré d'un div avec la classe input-group-prepend: TypeError: popper est null app.js: 50778: 3 Si je supprime le div environnant, la fonction de clic fonctionne, mais j'ai besoin du div pour des raisons d'interface utilisa....
21 déc. 2019 à 18:10
J'utilise un peu de jquery pour faire apparaître une barre de navigation Bootstrap 4 lors du défilement au-delà d'un certain point, en ajoutant et en supprimant une classe spécifique. Cependant, le code que j'ai n'affichera pas la barre de navigation si je recharge la page ayant déjà défilé vers le ....
21 déc. 2019 à 18:10
J'essaie d'ajouter trois icônes dans le coin droit, la recherche, la cloche de notification et l'utilisateur. Je ne veux pas m'effondrer car il s'agit d'une application de bureau Electron et la barre de navigation doit être corrigée. <nav class="navbar navbar-dark bg-dark"> <a class="navba....
20 déc. 2019 à 16:37
Comment faire un espace entre DIV dans bootstrap 4 modal? HTML <div class="form-group clearfix row"> <div class="col-lg-3 pd-30 card bg-info border-radius-5 box-shadow text-center justify-content-center align-self-center"> <h1 class="text-white">1</h1> </div> <div class="col-lg-....
19 déc. 2019 à 05:38
Je veux avoir 4 colonnes comme ci-dessous dans la capture d'écran, avec une marge autour d'eux. Chacun d'eux est col-md-6, avec une marge de 0,5%. Cependant, cette marge provoque initialement la rupture des colonnes à la ligne suivante. Je sais qu'il n'y a pas d'option margin-box similaire à border-....
19 déc. 2019 à 01:34
J'écris un style CSS personnalisé dans mypagestyle.styl avec ce qui suit :local .mybutton border-radius: 1px padding: 2px 2px 2px 2px margin: 2px 2px 2px 2px font-size: 14px text-align: center background-color: #4582ec color: #fff tous les styles, à l'exception de la couleur et de l....
18 déc. 2019 à 23:47