Comment faire de Bootstrap Panneau de corps avec hauteur fixe

Je suis en utilisant bootstrap est panel pour afficher du texte et de l'image, mais que le texte se développe, le corps du panneau augmente également. Je veux savoir comment faire pour créer le corps avec hauteur fixe, par exemple de 10 lignes au plus dans les 10 lignes. Voici mon code:

<div class="span4">
  <div class="panel panel-primary">
    <div class="panel-heading">jhdsahfjhdfhs</div>
    <div class="panel-body">fdoinfds sdofjohisdfj</div>
  </div>
</div>

veuillez fournir des code de . Vous pouvez fixer la hauteur de panneau avec la hauteur de la propriété en css. @user3500605
c'est le code commun, rien de spécial. Comment utiliser la hauteur?

InformationsquelleAutor Bing Lan | 2014-06-27

127

Vous pouvez utiliser max-height en ligne style attribut, comme ci-dessous:
```
<div class="panel panel-primary">
  <div class="panel-heading">jhdsahfjhdfhs</div>
  <div class="panel-body" style="max-height: 10;">fdoinfds sdofjohisdfj</div>
</div>
```
À utiliser le défilement avec le contenu qui déborde une max-height, vous pouvez essayer ce qui suit:
```
<div class="panel panel-primary">
  <div class="panel-heading">jhdsahfjhdfhs</div>
  <div class="panel-body" style="max-height: 10;overflow-y: scroll;">fdoinfds sdofjohisdfj</div>
</div>
```
De limiter la hauteur à une valeur fixe, vous pouvez utiliser quelque chose comme cela.
```
<div class="panel panel-primary">
  <div class="panel-heading">jhdsahfjhdfhs</div>
  <div class="panel-body" style="min-height: 10; max-height: 10;">fdoinfds sdofjohisdfj</div>
</div>
```
Indiquer la même valeur pour les deux max-height et min-height (en pixels ou en points – tant que c'est cohérent).

Vous pouvez aussi mettre les styles dans la classe css dans une feuille de style (ou un style balise comme indiqué ci-dessous) et de l'inclure dans votre balise. Voir ci-dessous:

Style Code:
```
.fixed-panel {
  min-height: 10;
  max-height: 10;
  overflow-y: scroll;
}
```
Appliquer un Style :
```
<div class="panel panel-primary">
  <div class="panel-heading">jhdsahfjhdfhs</div>
  <div class="panel-body fixed-panel">fdoinfds sdofjohisdfj</div>
</div>
```
Espère que cette aide avec votre besoin.
- J'ai pensé styles en ligne ont été mal vu?
- après la réduction de la hauteur. Mon texte d'en-Tête est la clandestinité. Suggérer une solution
- Dans mon cas, j'ai eu pour spécifier les unités explicitement, par le navigateur à l'honneur la max-height valeur.
- pourquoi est-réglage min-height et max-height à la même valeur mieux que de simplement la hauteur?
- parce qu'ils sont la limitation de la div dans la gamme de taille que des points à la valeur exacte, mais ne précise pas ce qui se passe sur débordant de contenu
InformationsquelleAutor Benison Sam

HTML :

<div class="span4">
  <div class="panel panel-primary">
    <div class="panel-heading">jhdsahfjhdfhs</div>
    <div class="panel-body panel-height">fdoinfds sdofjohisdfj</div>
  </div>
</div>

CSS :

.panel-height {
  height: 100px; /change according to your requirement/
}

Merci, toutefois, la solution de Benison est mieux ainsi, je ne peux que voter sa réponse 🙂

InformationsquelleAutor J Prakash

Vous devez vous connecter pour publier un commentaire.