Bootstrap: Comment remplacer la dynamique de la position de la liste?

Je voudrais ajuster le placement dans le bootstrap de base, mais j'aimerais garder mon bootstrap-sass gem update-mesure. Il n'y a pas une variable de la liste de décalage et je n'ai besoin que d'un décalage de 1 type de liste.

Le haut représente la question. Le fond est mon réglage à l'aide de chrome dev tools. Si j'ai commis ce changement de mon css, Bootstrap du placement dynamique réajuste et il semble que le cas ci-dessus à nouveau. Est-il possible d'avoir la liste apparaissent automatiquement dans les limites de la div parent? Si non, comment puis-je surmonter la dynamique de la liste de placement avec des marges négatives?

Mise à JOUR:
En ajoutant le code. Ce le HTML résultant pour le groupe de boutons. La liste sur le premier lien fonctionne, vous pouvez l'ignorer.

<div class="btn-group btn-section pull-right">
  <a href="/sections/edit_section_text/118" class="noprint btn active-workers hidden-phone bs-popover btn-primary" data-content="<ul id="sectionworkers" class="unstyled"><li><img alt="Avatar" class="avatar" height="25" src="https://secure.gravatar.com/avatar.php?d=mm&gravatar_id=9ac2c7fd1c8e43cd5b4d73d3cb585973" width="25" /> <small>Ben</small></li></ul> <!-- #sectionworkers -->" data-placement="bottom" data-target="#s118section" id="edit_btn118"  data-original-title="Active Users: ">
    <i class="icon-edit icon-white"></i> Edit
  </a><option>View revision...</option>

  <a href="#" class="noprint btn bs-popover" data-content="<select></select>" data-placement="bottom" data-toggle="popover" id="hist_btn"  data-original-title="View and difference revisions"><i class="icon-time"></i> History</a>

  <div class="popover popover-offset fade bottom in" style="top: 30px; left: 155.5px; display: block;">
    <div class="arrow"></div>
    <div class="popover-inner">
      <h3 class="popover-title">
        View and difference revisions
      </h3>
      <div class="popover-content">
        <select></select>
      </div>
    </div>
  </div>
</div>

J'ai examiné à peu près chaque autre question connexe. Il semble y avoir un paramètre "offset" qui a depuis été abandonné. "placement" peuvent recevoir une fonction, mais que la fonction retourne 1 de 4 cordes - haut | bas | gauche | droite. J'ai besoin de sélectionner la liste div après l'initialisation, avec jquery, et ajouter la marge négative offset -_-
Avez-vous un exemple de code? Il semble que vous avez votre liste joint à votre groupe de boutons plutôt que votre bouton Historique.
C'est sur le bouton historique. Le Code est maintenant dans la question. S'avère que je ne peux pas sélectionner puis appliquer un correctif de la classe - la liste est placé lors de la btn est cliqué ensuite retiré de la DOM. La commodité de façon dynamique placé popovers est très gênant.
L'ajout de $('.bs-popover').live('click', function(e) {$(this).next().addClass('popover-offset');}); ne fonctionne que sur le premier clic. À l'aide de toggleClass fonctionne sur tous les autres cliquez sur. La meilleure façon de le faire, cela pourrait bien être en train de changer bootstrap-popover.js

OriginalL'auteur Archonic | 2013-02-28

twitter-bootstrap

7

Après la lecture de Archonic du PR et les Graisses de réponse, j'ai étudié le modèle dont il avait parlé.

Si vous copiez des fichiers d'amorce du modèle et le spécifier dans votre liste d'options, vous pouvez injecter des classes à l'époque, qu'au moins résolu le problème pour moi.
```
$el.popover(
  placement: 'top',
  trigger: 'manual', 
  html: true, 
  content: @popoverContent, 
  container: '#mycontainer',
  template: '<div class="popover my_ace_class_name"><div class="arrow"></div><h3 class="popover-title"></h3><div class="popover-content"></div></div>'
)
```
Avez-vous post un viol blague sur stackoverflow?
Totalement ne pas en tenir compte. Édité - Désolé mec.
Les accolades sont manquantes. Pourrait ne pas être évident pour certains débutants. $el.liste({...});

OriginalL'auteur lucygenik
1

Il fixe avec 2 lignes bootstrap-tooltip.js et va faire une pull request. Cela permet l'ajout de n'importe quel style que vous voulez qui peut résoudre les éventuels problèmes de placement que vous pourriez avoir avec les info-bulles ou popovers.

Dans bootstrap-tooltip.js juste avant this.$element.trigger('shown') dans show: function (), ajouter:
```
$tip.addClass(this.options.class)
```
Puis juste avant this.$element.trigger('hidden') dans hide: function (), ajouter
```
$tip.removeClass(this.options.class)
```
Puis lors de l'initialisation de l'info-bulle ou la liste, ajoutez votre style comme:
```
$('.bs-popover').popover({html:true, trigger:'click', class:'whatever-you-want'})
```
Puis, bien sûr, déclarer .whatever-you-want dans votre css.

Il doit avoir été beaucoup plus facile que ça -_-. Vous êtes les bienvenus!

Ce pull request, si elle est acceptée, permettra de résoudre ce problème pour la 3.0 github.com/twitter/bootstrap/pull/7173
Mise à jour: j'ai foiré les tests ci-dessus, tirez sur demande - voici la nouvelle qui a été ouverte depuis des mois, github.com/twitter/bootstrap/pull/7186

OriginalL'auteur Archonic

Vous devez vous connecter pour publier un commentaire.