Li Yanhui ブートストラップ ビデオ素材の共有

Twitter の Bootstrap は、非常に人気のあるフロントエンド フレームワークです。 Bootstrap は HTML、CSS、JAVASCRIPT に基づいており、シンプルかつ柔軟で、Web 開発を高速化します。Twitter デザイナーの Mark Otto と Jacob Thornton によって共同開発された CSS/HTML フレームワークです。 Bootstrap は、動的 CSS 言語 Less で記述されたエレガントな HTML および CSS 仕様を提供します。 Bootstrap は発売以来非常に人気があり、NASA の MSNBC (Microsoft National Broadcasting Company) Breaking News など、GitHub 上の人気のオープンソース プロジェクトとなっています。 国内のモバイル開発者の中には、WeX5 フロントエンド オープン ソース フレームワークなどのフレームワークに精通している人もいます。これらのフレームワークも、Bootstrap ソース コードに基づいてパフォーマンスが最適化されています

ビデオ再生アドレス: http://www. php.cn/course/387.html

学習時の注意点:

*Bootstrap は Twitter によって開始されたフロントエンド開発用のオープンソース ツールキットです。これは Twitter デザイナーの Mark Otto と Jacob Thornton によって開発された CSS/HTML フレームワークです。 Bootstrap は、動的 CSS 言語 Less で記述されたエレガントな HTML および CSS 仕様を提供します。 Bootstrap は発売以来非常に人気があり、NASA の MSNBC (Microsoft National Broadcasting Company) Breaking News など、GitHub 上の人気のオープンソース プロジェクトとなっています。 *

Bootstrap は jQuery フレームワークに基づいて開発されており、jQuery フレームワークに基づいてよりパーソナライズされており、独自の Web サイト スタイルを形成し、ほとんどの jQuery プラグインと互換性があります。

Bootstrap のソース コードは、less を使用して記述されています

Bootstrap の JS エフェクトはすべて jquery に基づいているため、一般に、jquery コードを最初に導入する必要があります

使用方法:

bootstrap.min.css ファイルを導入します

シンプルケース 1:

-- どのような効果があるかを確認してください

table-striped は、奇数行の背景を灰色にすることができます。

table-borderd は境界線を表示させることができます。

table-hover はホバーした行の背景を灰色にすることができます

table-condensed は行の間隔を小さくすることができます。

<table class="table">
<tr>
<td class="active">姓名</td> 
<td class="success">年龄</td>  成功或积极动作
<td class="warning">职业</td> 注意
</tr>
<tr>
<td class="danger">张三</td> 危险
<td>18</td>
<td>程序员</td>
</tr>
</table>

レスポンシブ テーブル Bootstrap3.0 の新しい特殊効果

-- 小さな画面で表示すると、水平スクロール バーが自動的に表示され、大きな画面は自動的に消えます

以上がLi Yanhui ブートストラップ ビデオ素材の共有の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。