In diesem Kapitel werden Bootstrap-Panels erläutert.
Panel-Komponente wird zum Einfügen von DOM-Komponenten in eine Box verwendet. (Empfohlenes Lernen: Bootstrap-Video-Tutorial)
Um ein Basispanel zu erstellen, fügen Sie einfach die Klassen .panel und class .panel-default zum Wie im Beispiel unten gezeigt: Panel-Titel Wir können Panels auf die folgenden zwei Arten hinzufügen. Überschrift : Mit der Klasse .panel-heading ist es ganz einfach, einem Panel einen Überschriftencontainer hinzuzufügen. Verwenden Sie Die folgenden Beispiele veranschaulichen diese beiden Methoden: Weitere technische Artikel zum Thema Bootstrap finden Sie in der Spalte Bootstrap-Tutorial, um mehr zu erfahren! Das obige ist der detaillierte Inhalt vonSo verwenden Sie das Bootstrap-Panel. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!-Element hinzu Das ist es.
<div class="panel panel-default">
<div class="panel-body">
这是一个基本的面板
</div>
</div>
Nach dem Login kopieren-
mit der Klasse .panel-title, um vordefinierte gestaltete Titel hinzuzufügen.
<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>
Nach dem Login kopieren
