ホームページ > ウェブフロントエンド > htmlチュートリアル > Bootstrap_html/css_WEB-ITnose に基づく 8 つの強力な CSS フレームワーク

Bootstrap_html/css_WEB-ITnose に基づく 8 つの強力な CSS フレームワーク

WBOY
リリース: 2016-06-24 11:37:16
オリジナル
1403 人が閲覧しました

フロントエンド開発を行ったことのある友人なら、Bootstrap に精通しているはずです。Bootstrap は、Twitter によって開始されたオープンソースの CSS フレームワークであり、Web フロントエンド開発用のツールキットとアプリケーション コンポーネントが多数含まれています。もちろん、jQuery と同様に、Bootstrap もオープン CSS フレームワークであり、Bootstrap に基づいて多くの優れた CSS UI コンポーネントを作成することもできます。この記事では、Bootstrap に基づいた 8 つの強力な CSS フレームワークを紹介します。見てみましょう。

1. Bootstrap Metro ダッシュボード ? Bootstrap に基づくバックエンド管理パネル

Bootstrap Metro ダッシュボードの UI は、Twitter Bootstrap スタイルに基づいており、jQuery 1.9.1 と jQuery を使用します。 UI コンポーネント。Web サイトのバックグラウンド管理システム インターフェイスに非常に適しています。

オンラインデモ

2. Bootstrap に基づく UI 拡張機能

StyleBootstrap は、Bootstrap スタイルに基づいたオープンソース UI フレームワークです。現在、Bootwatch、BootMetro などの拡張プラグインが存在します。 . 前にも紹介したことがあります。 StyleBootstrap は、Bootstrap スタイルの拡張版であると言えます。いくつかの基本的なボタン、フォーム、メニューに加えて、非常に優れたフル機能のカラー ピッカーも設計されています。

オンラインデモ

3. BootFlat? HTML5 ベースの CSS フレームワーク コンポーネント

BootFlat は、ネイティブの Bootstrap フレームワークと比較して、より多くのページ コンポーネントを提供し、ページ レイアウト機能を強化します。 Flat UI と比較してより顕著なのは、BootFlat を使用すると、HTML5 を使用して Web アプリ開発をより迅速に実装できることです。

オンラインデモ

4. jQuery Mobile Bootstrap Theme ? jQuery モバイル テーマ フレームワーク

jQuery Mobile Bootstrap Theme は、非常に精巧な UI インターフェイスとシンプルな操作コントロールを備えたモバイル テーマ フレームワークです。前に紹介した jQuery UI Bootstrap は主に PC 側のテーマ フレームワークです。jQuery UI Bootstrap と比較すると、jQuery Mobile Bootstrap テーマはサイズが小さく、コントロールがモバイルの操作習慣により適しています。

オンライン デモ

5. jQuery UI Bootstrap を jQuery UI に統合します

jQuery UI Bootstrap は、jQuery UI を Bootstrap に統合する CSS フレームワークです。また、Bootstrap の新鮮で自然なテーマ スタイルを楽しむこともできるため、jQuery UI Bootstrap を使用するフロントエンド開発者が増えています。

オンラインデモ

6. Bootswatch ? 無料の Bootstrap テーマ パッケージ

Bootswatch は、Bootstrap をベースにした無料のテーマ パッケージで、これらのテーマの CSS ファイルをダウンロードしてインストールして、さまざまな機能を実現できます。さまざまな美しい Bootstrap テーマ スタイル。

オンラインデモ

7. BootMetro ? Bootstrap ベースの Metro スタイル CSS フレームワーク

Flat UI と同様に、BootMetro の最大の特徴は、Win 8 Metro スタイル CSS であることです。フレームワーク。 Metro スタイルの利点は、インターフェイスがシンプルでスムーズ、UI 要素がシンプル、読み込み速度が速く、優れた視覚効果があることです。

オンラインデモ

8. Flat UI ? Bootstrap に基づくフラット UI 開発キットです。 Flat UI のコンポーネントの外観デザインは非常に新鮮で美しいです。 UI UIのコンポーネントには、ボタン、入力ボックス、コンボボタン、チェックボックス、ラジオボタン、ラベル、メニュー、プログレスバー、スライダーなどの精緻な要素が含まれています。

オンラインデモ

この記事へのパーマリンク: http://www.i7758.com/archives/2225.html

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート