Panneaux. Le composant Panel est utilisé pour insérer des composants DOM dans une boîte. Pour créer un panneau de base, ajoutez simplement la classe .panel et la classe .panel-default à l'élément
Comme le montre l'exemple suivant : (Apprentissage recommandé : Tutoriel vidéo Bootstrap)
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Bootstrap 实例 - 默认的面板</title> <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css"> <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script> <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script> </head> <body> <div class="panel panel-default"> <div class="panel-body"> 这是一个基本的面板 </div> </div> </body> </html>
Si Si vous souhaitez modifier la taille de son panneau par défaut, vous pouvez le faire en définissant la largeur et la hauteur de .panel-body.
Exemple :
<style>
.panel-body{
height:400px;
width:400px;
}
</style>Pour plus d'articles techniques liés à Bootstrap, veuillez visiter la colonne Tutoriel Bootstrap pour apprendre !
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
Comment changer devc++ en chinois
Comment résoudre les problèmes lors de l'analyse des packages
La visionneuse d'images Windows ne peut pas afficher une mémoire insuffisante
La différence entre rom et bélier
Le nom du fichier contient du contenu illégal
Introduction aux touches de raccourci pour réduire Windows Windows
Quels sont les DNS couramment utilisés ?
Comment commenter le code en HTML
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
