IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

[BootStrap] Popover multi largeur


Sujet :

Dimensionnement en CSS

  1. #1
    Membre actif
    Inscrit en
    Février 2009
    Messages
    616
    Détails du profil
    Informations forums :
    Inscription : Février 2009
    Messages : 616
    Points : 249
    Points
    249
    Par défaut [BootStrap] Popover multi largeur
    Bonsoir,

    J'utilise bootrap 3 et des popovers, d'après ce modèle : http://jsfiddle.net/z824fn6b/1317/
    le soucis que je rencontre c'est que certains popovers devraient avoir une largeur max fixe :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    .popover {
         max-width: 380px;
    }
    et d'autres devraient être à max-width: 100%, voir également, la possibilité d'en définir d'autres... mais ça ne semble pas fonctionner..

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
     
    <style>
    .popo + .popover {
    	max-width: 100%; 
    }
    </style>
     
    <div id="test" class="hidden popo">
     <div class="popover-body">  
      <img src="test.jpg" style="width: 100%;">
     </div>
    </div>
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <span data-toggle="popover" data-popover-content="#test" tabindex="0" data-placement="auto">test</span>
    Si vous avez une idée,
    Remerciement d'avance,

  2. #2
    Membre actif
    Inscrit en
    Février 2009
    Messages
    616
    Détails du profil
    Informations forums :
    Inscription : Février 2009
    Messages : 616
    Points : 249
    Points
    249
    Par défaut
    Si ça peut être utile à d'autres :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    [data-size="popo1"] + .popover
    {
    	max-width: 100px;
    }

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. [UI] Slider avec Bootstrap-Popover
    Par Rifton007 dans le forum jQuery
    Réponses: 7
    Dernier message: 16/12/2015, 17h47
  2. [CSS 3] Adapter la largeur d'une colonne dans bootstrap
    Par vegetacherif dans le forum Mise en page CSS
    Réponses: 0
    Dernier message: 08/02/2015, 16h21
  3. Multi level nav Bootstrap 3
    Par okoweb dans le forum Mise en page CSS
    Réponses: 1
    Dernier message: 30/06/2014, 08h34
  4. Bootstrap popover contenu dynamique
    Par sliddils dans le forum jQuery
    Réponses: 0
    Dernier message: 26/06/2014, 20h53
  5. Réponses: 0
    Dernier message: 24/02/2009, 13h04

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo