ブートストラップパネルの使い方

この章では、Bootstrap パネル (Panel) について説明します。

#Panel コンポーネントは、DOM コンポーネントをボックスに挿入するために使用されます。 (推奨学習: Bootstrap ビデオ チュートリアル )

基本的なパネルを作成するには、class .panel と class .panel-default を < に追加するだけです。 div> 要素 以上です。

次の例に示すように:

<div class="panel panel-default">
    <div class="panel-body">
        这是一个基本的面板
    </div>
</div><p><strong>パネル タイトル</strong></p>
<p><strong>次の 2 つの方法でパネルを追加できます。 : </strong></p>
<p>.panel-Heading クラスを使用すると、見出しコンテナをパネルに簡単に追加できます。 </p>
<p><h1>-<h6> を .panel-title クラスで使用して、事前定義されたスタイル タイトルを追加します。 </p>
<p>次の例は、これら 2 つの方法を示しています。 </p>
<pre class="brush:php;toolbar:false"><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>

ブートストラップ関連の技術記事の詳細については、Bootstrap チュートリアル 列にアクセスして学習してください。

以上がブートストラップパネルの使い方の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。