Sommaire

Les encadrés COMPOSANTS D’INTERFACE D’ADMINISTRATION:Encadrés

1. L’objectif

Ce dernier composant Bootstrap permet d’afficher un texte dans un simple encadré, pour une simple mise en évidence.

Utilisez le fichier Bootstrap-07-COMP-Admin/04-well.html pour visualiser cet exemple.

2. Les encadrés simples

Voici le code HTML très simple pour obtenir un encadré grâce à la classe .well.

<div class="well"> 
   <p>Sed posuere consectetur est at lobortis.</p> 
</div>

Voici l’affichage de cet encadré :

images/C13-019.png

Notez que la classe .well est définie dans le fichier bootstrap-theme.min.css.

Voici les propriétés de la classe .well utilisées dans Safari :

.well { 
   background-image: -webkit-gradient( 
      linear,left 0,left 100%,from(#e8e8e8), 
      to(#f5f5f5)); 
   (background-image: -webkit-linear-gradient( )
      (top,#e8e8e8,0%,#f5f5f5,100%);) 
   (background-image: -moz-linear-gradient( )
      (top,#e8e8e8 0,#f5f5f5 100%);) 
   (background-image: linear-gradient( )
      (to bottom,#e8e8e8 0,#f5f5f5 100%);) 
   background-repeat: repeat-x; 
   border-color: #dcdcdc; 
   (filter:progid:DXImageTransform.Microsoft.gradient( )
      (startColorstr=’#ffe8e8e8’,endColorstr=’#fff5f5f5’,) 
      (GradientType=0);)  ...