Bootstrap: CSS - hauteur de l'élément de liste de groupes

Veuillez Envisager de suivre JSFiddle:

http://jsfiddle.net/7W2r4/12/

Comme vous pouvez le remarquer: le list-group-item est complètement effondré. Et je n'arrive pas à faire autoadjust. (par exemple,height:auto;)

pourtant, quand je l'approvisionnement de la règle css:height:20px;puis la taille de la ligne est réglé.
Comment puis-je prendre de la hauteur d'une list-group-item pour ajuster à la taille du contenu?

Je vous remercie pour votre temps.

source d'informationauteur User999999

  1. 23

    Vous pouvez ajouter overflow:hidden ou autres "clair-fix" code de la list-group-item si vous avez besoin de conserver les chars dans les articles. Flotte toujours causer des problèmes avec la hauteur de la flottait éléments. De les effacer ou de réglage de dépassement de force la hauteur pour être calculé correctement. Voir CSS: divs Flottantes ont 0 hauteur pour plus d'info sur ce.

    .list-group-item
{
  overflow:hidden;  
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd;
}

    Puisque vous êtes en utilisant Bootstrap, vous pouvez ajouter les class="clearfix" HTML pour la list-group-items

  2. 3

    Retrait de la float: left; de .itemDescription permettra de résoudre votre problème violonsi le complet de style pour .itemDescription sera:

    .itemDescription
{
    width: 30%;
    vertical-align: middle;
    height: 100%;
    line-height:100%;
    vertical-align: middle;
}