Webデザイン制作で人気の Bootstrap フレームワークには、役立つツールやコンポーネントがあらかじめパッケージされており、すぐにサイトやアプリの制作をはじめることができます。しかし、ときには必要な機能が十分に揃っていないケースがあるのも事実です。
この記事では、Bootstrap の機能を最大限に拡張できる、50種類のプラグインやアドオン、コンポーネントをまとめてアルファベット順にご紹介します。
ここでは、ボタンやパンくずリスト、カレンダー、ツリーメニュー、ビデオプレイヤー、WYSIWYGエディターなどウェブ制作に必要な機能をすべてまとめています。今後のプロジェクトに活用してみてはいかがでしょう。
制作に活用したいBootstrap 用プラグイン、アドオン、コンポーネント（アルファベット順）
アクセシビリティ （英: Accessibility）
Accessibility Plugin – ドロップダウンメニューやモーダルウィンドウ、イメージカルーセル、アラート、ポップオーバー、ツールチップなどを追加でき、 Bootstrap のアクセシビリティを改善してくれるプラグイン。
ベーシック・ボタン （英: Basic Buttons）
CSS3 Microsoft Modern Buttons – Windows で使われているMicrosoft スタイルのボタンをCSS3で実現した、スタイリッシュで軽量なライブラリ。
パンくずリスト （英: Breadcrumbs）
Bootstrap-Breadcrumb – JSを利用することでパンくずリストを自由に扱うことができるプラグイン。
カレンダー （英: Calendar）
Bootstrap Calendar – カレンダー機能をBootstrap に実装できるライブラリ。
カルーセル （英: Carousel）
Bootstrap Modal Carousel – フルスクリーンのモーダルウィンドウで展開する、イメージカルーセル表示用プラグイン。
チェックボックス （英：Checkbox）
PrettyCheckable – 初期設定のチェックボックスとラジオボタンを、より使いやすいスタイルに交換できるプラグイン。
カラーピッカー （英: Color Picker）
Simple Color Picker – Bootstrap に実装できる超軽量な jQuery カラーピッカー。
コンボボックス（ドロップダウンリスト）（英: Combobox）
Bootstrap Combobox – ドロップダウリストを追加したいときに便利な、Bootstrap 対応のプラグイン。
コンタクトフォーム （英: Contact Form）
Bootstrap Contact – Bootstrap と jQuery バリデーションプラグインで作成された、シンプルな PHP コンタクトフォーム。
jQuery Girdform – 複雑なテーブルを基本としたお問い合わせフォームを作成できる jQuery プラグイン。
日付選択 （英: Datepicker）
Datepikcer – どんな要素にでもデートピッカー機能を追加できるプラグイン。
Date Range Picker – 昨日、過去１週間、過去３０日など日付範囲を指定できるドロップダウンメニューを作成できます。
ClockPicker – アナログ時計をモチーフのインターフェースが面白い、Bootstrap用デートピッカー。
ダイアログボックス＆アラート （英: Dialog Boxes & Alerts）
Bootbox.js – ポップアップで表示されるダイアログボックスを作成できる、軽量JSライブラリ。
Bootstrap Prompts – アラートなどの通知機能を、ポップアップ式のダイアログボックスに交換できるプラグイン。
Bootstrap Confirmation – 確認用ダイアログをつかったポップオーバー用プラグイン。
ファイルアップロード （英: File Upload）
jQuery File Upload – 複数ファイルを選択したり、ドラッグ＆ドロップ、読み込みアニメーション、確認、プレビューイメージなどの機能満載のファイルアップロード用ウィジェット。
フォームバリデーション （英: Form Validation）
BootstrapValidator – 入力内容を確認するバリデーションに対応した jQuery プラグイン。
jqBootstrapValidation – Bootstrap フレームワークにバッチリ対応する、もうひとつのバリデーション用プラグイン。
Validator – シンプルでユーザーフレンドリーで使いやすいバリデーション確認プラグイン。
HTMLテーブル （英: HTML Tables）
Navigable Table – 入力されているテーブルをスムーズに移動できる Bootstrap 用プラグイン。
イメージギャラリー （英: Image Gallery）
Image Gallery – 写真や動画をモーダルダイアログで表示できるプラグイン。スワイプ機能の他に、マウス/キーボード操作、切り替えエフェクト、フルスクリーン対応、クリックによるコンテンツ読み込みなどを実装できます。
直接編集 （英: In-Place Editing）
X-editable – Bootstrap の各要素を編集可能にしてくれるライブラリ。
グリッドレイアウト （英: Layout Grid）
jQDrawBootstrapGrid – Bootstrap のレイアウトにグリッドカラムを表示する、制作に役立つシンプルなjQueryプラグイン。
ライトボックス （英: Lightbox）
Lightbox – Bootstrap のモーダルウィンドウに対応したシンプルなライトボックス用プラグイン。
虫めがねツール （英: Maginify）
Magnify – マウスオーバーすることで虫めがねを表示し、拡大ズーム可能にしてくれる JS プラグイン。
マークダウン （英: Markdown）
Bootstrap Markdown – Bootstrap にマークダウン編集機能を追加できるプラグイン。
モーダル・ウィンドウ （英: Modal Windows）
Bootstrap Modal – デフォルト設定のモーダルウィンドウに、レスポンシブやAjaxなどの機能を追加できる拡張プラグイン。
Bootstrap Scroll Modal – ページスクロールにも対応し、自由に高さを決めることができる高機能な Bootstrap 用モーダルプラグイン。
ナビゲーション （英: Navigation）
metisMenu – 複数の階層に分かれたナビメニューをさまざまな方法で表示できる Bootstrap 用 jQuery プラグイン。
Contextmenu – Bootstrap 内の右クリック機能を充実させるメニュー用プラグイン。
ページネーション （英: Pagination）
bootpag – Bootstrap でダイナミックなページ送り機能を実装できる jQuery プラグイン。
jQuery Pagination – .paginationや.activeなど分かりやすいクラス名を使い、Bootstrap のページ送り機能をよりシンプルに、よりわかりやすくしたプラグイン。
プログレス・バー （英: Progress Bars）
Bootstrap Progressbar – カラフルなカラーリングが特長の Boosttrap 用プログレスバー。
レーティング評価 （英: Ratings）
Bootstrap Star Rating – 「星２つ半」など細かいレーティングも可能な Bootstrap 用レーティング・プラグイン。
ソーシャル・ボタン （英: Social Buttons）
Social Buttons for Bootstrap – 各ソーシャルメディアを利用したサインイン用のCSSだけで作成されたボタン用ライブラリ。
セレクト （英: Selects）
bselect – Bootstrap のselectをスタイリングするプラグイン。
Bootstrap Multiselect – 複数の項目を選択できる jQueryをベースとしたプラグイン。
MultiSuggest – Bootstrap の Typehead コンポーネントを拡張するプラグイン。
タグ （英: Tags）
Bootstrap Tags – Bootstrap にタグ機能を追加できる jQuery プラグイン。
Tokenfield – キーボード操作とコピー/ペースト機能にも対応した高機能なタグ用 jQuery プラグイン。
目次 （英: Table of Contents）
Tocify – コンテンツ目次を自動生成してくれる jQuery プラグインで、Bootstrap の他に jQuery UI にも対応しています。
タブ （英: Tabs）
Tabcordion.js – Bootstrap のタブ機能を拡張し、アコーディオン機能にも対応するシンプルな jQuery プラグイン。
tabcollapse – モバイル端末ではアコーディオンを閉じて表示できるようにするプラグイン。
ツリーメニュー （英: Tree Menu）
EasyTree – 基本的なツリーメニューを表示できる、Bootstrap 用プラグイン。
BootstrapTreeNav – ツリーナビゲーションメニューを作成できる Bootstrap 用 Javascript プラグイン。
ビデオプレーヤー （英: Video Player）
Bootstrap Video Player – カスタマイズ可能なHTML5ビデオプレイヤーを実装できる jQuery プラグイン。
ウェブサイトツアー （英: Bootstrap Tour）
Bootstrap Tour – ウェブサイトの使い方を簡単に紹介するツアー機能をポップオーバーで表示する、Bootstrap用プラグイン。
WYSIWYG （英: WYSIWYG）
bootstrap-wysihtml5 – 簡単に利用できる WYSIWYG エディター機能を追加できる Javascript プラグイン。
Summernote – こちらもシンプルで使い勝手の良い Bootstrap 用 WYSIWYG エディター機能。
海外サイトSpeckyboy.comで公開された「50 Free Extensions, Plugins & Components for Extending Bootstrap の著者 Paul Andrew より許可をもらい、翻訳転載しています。
参照元リンク : 50 Free Extensions, Plugins & Components for Extending Bootstrap – Speckyboy.com
