Bien amorcer
Well est un conteneur <div> qui fait apparaître le contenu enfoncé ou illustré. Pour créer un Well, placez simplement le contenu dans un <div> avec la classe .well. L'exemple suivant montre un puits par défaut :
Instance
<!DOCTYPE html> <html> <head> <title>Bootstrap 实例 - 默认的 Well</title> <link href="http://libs.baidu.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet"> <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script> <script src="http://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js"></script> </head> <body> <div class="well">您好,我在 Well 中!</div> </body> </html>
Exécuter l'instance»
Cliquez sur le bouton « Exécuter l'instance » pour afficher l'instance en ligne
Dimensions
Vous pouvez utiliser la classe facultative well-lg ou well-sm pour modifier la taille des dimensions de Well. Ces deux classes sont utilisées conjointement avec la classe .well. Ces deux classes affectent le remplissage, faisant apparaître le puits plus grand ou plus petit selon la classe utilisée.
Instance
<!DOCTYPE html> <html> <head> <title>Bootstrap 实例 - Well 的尺寸大小</title> <link href="http://libs.baidu.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet"> <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script> <script src="http://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js"></script> </head> <body> <div class="well well-lg">您好,我在大的 Well 中!</div> <div class="well well-sm">您好,我在小的 Well 中!</div> </body> </html>
Exécuter l'instance »
Cliquez sur le bouton « Exécuter l'instance » pour afficher l'instance en ligne