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開発者



All Articles