勉強したことのメモ

Webエンジニア / プログラマが勉強したことのメモ。

管理画面やダッシュボードとして便利そうなBootstrap系のテンプレート

   2024/01/08  Bootstrap CSS

新規サイトの立ち上げでダッシュボード、管理画面を作る必要があった。小規模なサイトとか運営者側が使う管理画面であれば、いつもbootstrap使ってtableとかで書いてたんだけど、事情があってもうちょっとマシなものを作りたかった。以下に使えそうなものをメモ。

 

条件

下記条件でテンプレートを探した。

  • 無料
  • あまり高機能じゃない(高機能だとファイル構成把握するの面倒くさそう)
  • ログインフォームも用意されてる
  • メニューアイコンはあってもいいけど、同時にテキストも表示させたい
  • 出来ればレスポンシブ対応

 

良さそうなテンプレート

デザイン部分は自分の好みで探したところ以下が良さそう。

Bootstrap Metro Dashboard

ダウンロード

https://github.com/jiji262/Bootstrap_Metro_Dashboard

デモページ

http://jiji262.github.io/Bootstrap_Metro_Dashboard/

ファイル数は200弱で多くなく、ざっとファイルを見た感じそこまで難しくもなさそうでちょうど良かった。

SB Admin 2

ダウンロード

http://startbootstrap.com/sb-admin-v2

デモページ

http://startbootstrap.com/templates/sb-admin-v2/

 - Bootstrap CSS

  関連記事

SB Adminよりシンプル&軽量なBootstrap系ダッシュボードのテンプレートについて

ダッシュボード(管理画面)を作る際、SB Adminというテンプレートを利用する ...

Bootstrap5系でよく使う要素及びClass名のまとめ記事

サンプルページやダッシュボード系のページを組む際にBootstrapを使うことが ...

CodeIgniter4&Bootstrap&jQueryで簡易版お問い合わせページの作成

CodeIgniter4.4.4&Bootstrap&jQuer ...

jQueryの日付&時間のピッカー(bootstrap-datetimepicker)について

日付のピッカーはよく見るけど、時間のピッカーはあまり見ないので、普通のセレクトメ ...

IE11でSB Admin2のログインページの表示がおかしい

ダッシュボードや管理画面を作成する際、SB Admin2を使うことが多い。ダッシ ...