6
votes

Bootstrap - Dropdown crée une barre de défilement sur le parent div

Bootstrap Dropdown crée des barres de défilement au parent div lorsqu'il est placé en bas. Est-ce que quelqu'un sait comment le réparer?

jsfiddle pour cela.

Il est facile de définir Overflow: caché ou Overflow: visible sur EXEMPLE BS classe. Mais j'ai besoin de barres de défilement, car je vais ajouter des contenus à cette div. A cette époque, il a besoin de barres de défilement. Même si j'ai des barres de défilement, une liste déroulante est poussée vers le bas. Je ne peux pas déranger flotter sur les barres de défilement ou puis-je ouvrir la hausse quand il n'y a pas assez d'espace en bas?


0 commentaires

3 Réponses :


0
votes

Comme ce

démo

CSS xxx

Demo1

CSS xxx


1 commentaires

Je pense que vous n'avez pas lu ma question complètement. Je connais ces solutions. J'ai besoin de flotter sur cette div. pas à l'intérieur, en utilisant son espace



0
votes

Correction du problème avec une nuit blanche. Entrez la description de l'image ici

Ouvrez l'image dans un nouvel onglet car je n'ai pas pu télécharger Jsfiddle sur Stakoverflow


0 commentaires

10
votes

Vous devez utiliser Overflow: hériter; Au lieu de Auto.

http://jsfiddle.net/gildonei/xmddf/1131/ p>

p>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<link href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet"/>

<div class="bs-example">
      <div class="btn-group">
        <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">Default <span class="caret"></span></button>
        <ul class="dropdown-menu" role="menu">
          <li><a href="#">Action</a></li>
          <li><a href="#">Another action</a></li>
          <li><a href="#">Something else here</a></li>
          <li class="divider"></li>
          <li><a href="#">Separated link</a></li>
        </ul>
      </div>
    </div>


1 commentaires

J'ai demandé à 3D de résoudre un billet concernant ce problème dans toutes les pages d'application. Votre réponse résolue de 3s! Merci mec!