Maison > Article > interface Web > Voici quelques options de titre, en gardant à l’esprit qu’ils doivent être concis et engageants : Direct et informatif : * Comment étendre les popovers Bootstrap 3 au-delà de la largeur des éléments de formulaire ? * Créer Bootstrap Popove
Comment augmenter la largeur du popover Bootstrap
Lors de l'utilisation de Bootstrap 3, les popovers placés sur le côté droit des éléments de formulaire peuvent être limités en largeur en raison à la nature pleine largeur des contrôles de formulaire. Voici quelques solutions qui évitent de remplacer les styles par défaut de Bootstrap :
Option 1 : CSS personnalisé
Ajoutez ce CSS à votre feuille de style :
<code class="css">.popover { max-width: 100%; /* Increase the popover's maximum width */ }</code>
Option 2 : Spécifier le conteneur de popovers
Par défaut, les popovers sont contenus dans l'élément qui les déclenche. Pour que le popover ait toute la largeur, spécifiez un autre conteneur à l'aide de JavaScript :
<code class="js">$('[data-toggle="popover"]').popover({ container: 'body' // Contain the popover within the body element });</code>
Informations supplémentaires
Démonstration JSFiddle
Voir une démonstration fonctionnelle des solutions contenues dans ce JSFiddle : https://jsfiddle.net/xp1369g4/
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!