Wie im Beispiel unten gezeigt:

<div class="panel panel-default">
    <div class="panel-body">
        这是一个基本的面板
    </div>
</div>

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

-

mit der Klasse .panel-title, um vordefinierte gestaltete Titel hinzuzufügen.

Die folgenden Beispiele veranschaulichen diese beiden Methoden:

<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

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!