50以上のベストブートストラップアドオン



Bootstrap CSSフレームワークの人気により、多くの異なるアドオンが開発されています。 今でも、Webサイトの開発と設計の際、ほとんどすべてのタスクにBootstrapを使用できます。

この記事では、「あらゆる場面で」最も役立つ追加機能を取り上げました。

コンポーネントキット


燃料UX


1

Bootstrapを使用する場合、多くの場合十分ではない優れた追加コントロールのセット。 ツリー、テンプレート、データパイカー、ウィザードなどのモジュールが含まれています。

ウェブサイト
Github

X編集可能


2

これはインライン編集に不可欠なコンポーネントのセットだと思います。 Bootstrapのさまざまなバージョンをサポートし、それなしでも(jQueryで)正常に動作します。

ウェブサイト
Github

ジャスニー


3

Bootstrapへの追加要素の小さなセット。 サイドメニュー、機能ボタン、入力用マスクなどの両方が含まれています。

ウェブサイト
Github

ブートストラップフォームヘルパー


4

別の興味深い要素のセット。 プレミアムバージョンには、通貨、国、タイムゾーン、言語などを選択するための入力などの要素が含まれます。

ウェブサイト
Github

跳躍


5

Leapstrapコントローラープラグインをサポートする要素のセット。 これは非常に珍しいことなので、このリストに含めています。

ウェブサイト
Github

個々のコンポーネント


jQuery Bootpag


6

標準のBootstrapバンドルに欠けていることが多い追加のコンポーネントは、ページネーションです。 機能は、動的処理の可能性です。

ウェブサイト
Github

する


7

ページコンテンツを追跡するためのコンポーネント。 多くの場合、この特定のコンポーネントでは、最新のWebサイトを作成するには不十分です。

ウェブサイト
Github

ブートストラップリンクのプレビュー


8

参照によってコンテンツをプレビューするための小さくて非常に使いやすいコンポーネント(Facebookプレビューなど)。

ウェブサイト
Github

Flippant.js


9

「双方向」ブロックを作成する小さなスクリプト。 フォーム、ポートフォリオカードなどの作成に最適

ウェブサイト
Github

ブートストラップツアー


10

Bootstrapの優れた追加機能。サイトへの新規訪問者向けの段階的なツアーを作成できます。

http://bootstraptour.com/
https://github.com/sorich87/bootstrap-tour

Bootstro.js


o

前のツールの変形。 また、WebサイトまたはWebアプリケーションのターンベースのツアーを作成することも目的としています。

ウェブサイト
Github

もう一つのメガメニュー(YAMM)


j

ほぼすべての最新のサイトに必要なコンポーネント。 ほとんどすべての複雑なメインナビゲーションメニューを作成できます。

ウェブサイト
Github

ドロップダウンメニューの機能強化


12

標準のブートストラップメニューへの追加。 メニューの配置、メニューでのラジオおよびチェックボックス入力の表示などの機能が含まれます。

ウェブサイト
Github

ブートストラップツリービュー


gg

ツリー構造を表示する簡単なソリューション。 このコンポーネントは、標準のGlyphアイコンをサポートしています。

Github

GTreeTable


ll

ツリー構造を作成できる別の追加。 ドラッグアンドドロップ、編集などの豊富な機能を備えています。

ウェブサイト
Github

ブートストラップの星評価


str

簡単にカスタマイズできる、簡単に評価を作成するためのコンポーネント。 経験から私は言うことができます:非常に頻繁にあなたは同様のコンポーネントを探す必要があります。

ウェブサイト
Github

Gridmanager.js


;; k

Bootstrapフレームワークの行と列に基づくコンテンツエディター。 私はまだそれを実践する方法を見つけていません。 実装の例としてもっと投稿しました。

ウェブサイト
Github

フォームのコンポーネント


ブートストラップタグ


タグ

タグ付けが簡単なコンポーネント。 非常に使いやすく、カスタマイズも簡単です。 Bootstrapのすべてのバージョンで動作します。

ウェブサイト
Github

ブートストラップスイッチ


v3

きちんとしたスイッチを作成するためのコンポーネント。 さらに、あらゆるウェブサイトのデザインに適しており、寸法、アニメーション、色など、すべてのパラメーターをここで簡単に構成できます。

ウェブサイト
Github

ブートストラップの最大長


最大

テキスト入力フィールドに適した「リミッター」。 使いやすく、時には不可欠な追加機能です。

ウェブサイト
Github

ブートストラップ選択


sel

通常のリストの機能を大幅に拡張できる非常に軽量なコンポーネント。 以下のリンクに従って、すべての使用例を参照してください。

ウェブサイト
Github

選ばれた


チョス
コンボボックスを大幅に改善する非常に単純なスクリプト。 このフィールドを使用するための多くのオプションとバリエーションをサポートしています。

ウェブサイト
Github

ブートストラップ複数選択


マルチ
リストボックスを展開する別のオプション。 このスクリプトは、開く/閉じる/選択するなどのイベントを処理します。クライアントが何を尋ねるかはわかりません...

ウェブサイト
Github

ブートストラップ検証


バロディーター

Bootstrapフレームワークでフォームを操作する際に不可欠なコンポーネント。 これにより多くの時間を節約できます。チェックに加えて、フォームフィールドの既製のデザインが含まれています。

ウェブサイト
Github

jqBootstrapValidation


jqvalidator

Bootstrapフレームワークでフォームを検証するための別のコンポーネント(オプション)。 ユーザー入力の検証を作成するための多数のオプションが含まれています。

ウェブサイト
Github

jQueryファイルのアップロード


jqfail

ファイルをダウンロードするためのフィールドを追加する必要がある場合に、時間を大幅に節約できる優れたコンポーネント。 多くのサーバープラットフォームをサポートしています。

Websit
Github

ブートストラップタグのオートコンプリート


btag

簡単な自動補完のためのコンポーネント。 非常に使いやすく、軽量な(重量で)スクリプト。 ツールボックスに追加するに値すると思います。

ウェブサイト
Github

タグマネージャー


タッグマン

タグを作成するための準備完了スクリプト(コンポーネント)。 多くのオプションと、それに応じて、使用の可能性。

ウェブサイト
Github

先行入力


タイプ

テキストボックスを備えた自動アドオンのコンポーネント。 2つのスクリプトが(検索および表示用に)使用されます。これらは一緒に使用することも個別に使用することもできます。

ウェブサイト
Github

ブートストラップ用スライダー


スライダー

ユーザーが多くの時間を節約するのに役立つ別の要素。 データを手動で入力する代わりに、スライダーをドラッグするだけです。 完全に様式化された多くのオプション。

ウェブサイト

ブートストラップのトークンフィールド


とけ
タグ付けが簡単なコンポーネント。 完全に様式化され、多くのオプションがあります。 キーボードおよびクリップボード入力をサポートします。

ウェブサイト
Github

所定のラベル


ラベル

ラベル要素と入力フィールドを組み合わせるという異常な効果を作成する軽量スクリプト。 多くのオプションがあります。 時にはそれが重宝することさえあります:)。

ウェブサイト
Github

強度計


メーター
入力されたパスワードの複雑さを判断するためのコンポーネント。 一般的な問題の簡単な解決策。 多くのオプションと既製のデザインが含まれています。

ウェブサイト
Github

ブートストラップファイル入力


入力

ファイルをダウンロードするためのコンポーネント。 マルチブートおよびプレビューイラストをサポートします。 実装の例を参照するには、以下のリンクに従ってください。

ウェブサイト
Github

Bootstrap 3のLadda UI


ラダ
ローディングインジケータをボタンに直接使用するという非常に興味深いアイデアです。

ウェブサイト
Github

Twitter Bootstrapフレームワークには、本当に多くの追加機能があります。 記事を書いている間も、特定の状況で大いに役立つ興味深いアドオンを見つけ続けました。

日付と時刻のピッカー


日付範囲ピッカー

ウェブサイト
Github

ブートストラップタイムピッカー

ウェブサイト
Github

文字盤

ウェブサイト
Github

ブートストラップ日時

ウェブサイト
Github

ビックカレンダー

ウェブサイト
Github

カラーピッカー


色を選ぶ

ウェブサイト
Github

ブートストラップ用のColorpicker

ウェブサイト
Github

カラーパレット

ウェブサイト
Github

編集者


ブートストラップのマークダウン

ウェブサイト
Github

ブートストラップWYSIHTML5

ウェブサイト
Github

Summernote

ウェブサイト
Github

テーブル


テーブルクロス

ウェブサイト
Github

ブートストラップテーブル

ウェブサイト
Github

メディアとギャラリー


ブートストラップライトボックス

ウェブサイト
Github

ブートストラップ画像ギャラリー

ウェブサイト
Github

ブートストラップアイコンピッカー

ウェブサイト
Github

ダイアログと通知


Bootbox.js

ウェブサイト
Github

ブートストラップモーダル

ウェブサイト
Github

ブートストラップ通知

ウェブサイト
Github

ブートストラップの確認

ウェブサイト
Github

ブートストラップうなり声

ウェブサイト
Github

現時点では、これらのアドオンは、Bootstrapフレームワークを操作するのに最も役立つように思えました。 特定のプロジェクトの時間を大幅に節約するのに役立ちます。

あなたが私のコレクションを楽しんでくれたことを願っています。 他のアドオンを使用してこのリストに追加したい場合は、コメントで説明してください(ほとんどの読者にとっては)と思うかもしれません。


ドミトリー・カバコフ
Wordpress開発者

Source: https://habr.com/ru/post/J258301/


All Articles