ホームページ >ウェブフロントエンド >htmlチュートリアル >Wheat Academy ブートストラップ紹介ビデオ資料の共有

Wheat Academy ブートストラップ紹介ビデオ資料の共有

巴扎黑
巴扎黑オリジナル
2017-08-30 16:16:201150ブラウズ

Bootstrap は、Twitter がリリースした最も人気のあるフロントエンド フレームワークの 1 つです。 Bootstrap は HTML、CSS、JAVASCRIPT に基づいており、一般的な CSS レイアウト、一般的に使用されるコンポーネント、および JavaScript プラグインを完全かつ完全にカプセル化しているため、経験の浅いフロントエンド エンジニアやバックエンド開発エンジニアでもすぐに使用できます。開発効率が大幅に向上し、フロントエンドチームの CSS や JavaScript の記述もある程度標準化されます。つまり、Bootstrapを学ぶことでレスポンシブなWEBプロジェクトを簡単に開発できるようになります。 「Wheat Academy ブートストラップ入門ビデオチュートリアル」は、ブートストラップを簡単に始めるのに役立ちます。

588591ebb57cc958 (1).jpg

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

ホームページ> HTMLチュートリアル>テキスト

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

作成者:default|tag :bootstrap 動画素材共有|2017-8-30 16:12

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

Learn 注意してください:

*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>

レスポンシブ テーブル Bootstrap 3.0 の新しい特殊効果

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

教師の講義スタイル:

教師の講義は鮮やかで、機知に富み、機知に富み、感動的です。鮮やかな比喩は最後の仕上げのようなもので、生徒に知恵への扉を開きます。適切に配置されたユーモアは、まろやかなワインを飲むように、人々に後味と郷愁を与え、哲学者の格言や文化への言及をもたらします。ナレーションの中に時々散りばめられ、人々に考えさせ、注意力を与えます。

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。