l'utilisation du paramètre de conteneurs dans le bootstrap liste?

dans la plupart des cas que j'ai trouvé sur internet, le container a été mis à 'body'

Ce que j'ai rencontrés:

bootstrap liste montre sur un fixe div contenu, lorsque vous faites défiler la page, liste bouge trop.

- Je changer le param conteneur précis de ma DIV #search-filter-container, rien n'a changé.

Mise à JOUR:

quoi maintenant .popover DIV s'affiche dans le corps même à la fin j'ai mis container: '#some-my-div'

  <div class="popover fade right in" style="top: 429.5px; left: 680px; display: block;">
    code details...
  </div>
</body>
InformationsquelleAutor hlcfan | 2014-05-27
  1. 14

    Il est difficile de savoir ce que vous demandez, en particulier parce que vous n'avez pas des exemples de code. Veuillez lire Comment puis-je poser une bonne question?

    Cependant, à vous montrer un exemple de conteneur option d'utilisation, j'ai créé un JSFiddle.

    Commenter chaque ligne de javascript pour voir les différents effets (défiler vers le haut et vers le bas dans le résultat cadre). N'oubliez pas d'appuyer sur Exécuter lorsque vous modifiez le code.

    HTML

    <div style="height: 100px;">
    <br />Static text.</div>
<div style="position: fixed; width: 100%;" id="fixed-div">
    <button type="button" class="btn btn-default" data-container="body" data-toggle="popover" data-placement="bottom" data-content="Vivamus
sagittis lacus vel augue laoreet rutrum faucibus." id="popover">Popover</button>
</div>
<div style="height: 2000px;"></div>

    Javascript

    //comment this
$('[data-toggle="popover"]').popover({container: "body"});

//uncomment this
//$('[data-toggle="popover"]').popover({container: "#fixed-div"});
    • salut,désolé pour le mal de demander.oui,l'utilisation de container est correct que ce que je pensais avant.mais dans mon projet j'ai repris la semaine dernière, le param container ne fonctionnait pas, la liste DIV s'affiche toujours à la dernière ligne de la balise body.
    • Vous aurez à être plus spécifique et inclure le code si vous voulez une solution à un problème. Personne ne peut vous aider avec "ne fonctionnait pas".
    • désolé encore une fois.mon anglais n'est pas bon.J'ai eu de mise à jour de ma question,s'il vous plaît vérifier. merci.
    InformationsquelleAutor Rowan Freeman
  2. 1

    Utiliser un sélecteur CSS dans le conteneur de l'attribut.

    Lorsque le conteneur sélectionné défile, la liste défile trop, par exemple l'utilisation de l'ouvreur de bouton du conteneur, ou d'un élément près, il

    HTML

    <button type="button" class="btn btn-primary" data-container="#popover-button" data-toggle="popover" ... id="popover-button">Open popover</button>
</div>

    JAVASCRIPT

    $('#popover-button').popover({container: "#popover-button"});
    InformationsquelleAutor Luca C.