Ce chapitre expliquera les panneaux Bootstrap.
Le composant Panel est utilisé pour insérer des composants DOM dans une boîte. (Apprentissage recommandé : Tutoriel vidéo Bootstrap)
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 ci-dessous : Titre du panneau Nous pouvons ajouter des panneaux des deux manières suivantes : Il est facile d'ajouter un conteneur de titre à un panneau en utilisant la classe .panel-heading. Utilisez Les exemples suivants illustrent ces deux méthodes : 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!<div class="panel panel-default">
<div class="panel-body">
这是一个基本的面板
</div>
</div>
-
avec la classe .panel-title pour ajouter des titres de style prédéfinis.
<div class="panel panel-default">
<div class="panel-heading">
不带 title 的面板标题
</div>
<div class="panel-body">
面板内容
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">
带有 title 的面板标题
</h3>
</div>
<div class="panel-body">
面板内容
</div>
</div>