Bootstrap製ダッシュボードの管理画面テンプレート10選！いずれも無料で便利で使いやすい
「ダッシュボード」としても知られる管理領域は、ユーザーの需要に合ったあらゆる機能や使いやすさを提供すべきという目標があります。 人気のBootstrap製のフレームワークを使用すれば、フォームと機能ともに優れた管理領域を構築することができます。 あなたがカスタムする管理領域を、ユーザーが使いやすいものにするための手助けとなる無料のBootstrap製テーマ10選をここに用意しました。 1.AdminLTE 「AdminLTE」は美しさと便利さの両方を売りにした軽量化がテーマです。素早い反応で6種類のスキンを含んでおり、印刷向けに最適化すらされています。 2.Material Dashboard 「Google Material Design」を用いてつくられたマテリアルダッシュボードは、清潔感がありカラフルです。UIは層をなした紙の影響を若干受けて、使いやすいダッシュボードをつくるために光
これならかなり簡単！Bootstrap 3, 4 betaに対応、テンプレートをカスタマイズして利用できる -Bootstrap4 Editor
2017年8月にBootstrap 4はようやくベータ版がリリースされました。 そんなBootstrap 4に早くも対応した、Bootstrapのさまざまなテンプレートを簡単にカスタマイズして利用できるオンラインサービスを紹介します。 Webサイト、ランディングページ、ブログのテンプレートをはじめ、ナビゲーションやカード型コンポーネントなど、さまざまなテンプレートを利用できます。 日本人クリエイターによる国産のツールで、先日Bootstrap 4 betaにも対応されました。 Bootstrap4 Editor Bootstrap4 Editorの特徴 Bootstrap4 Editorの機能 Bootstrap4 Editorの使い方 Bootstrap4 Editorの特徴 Bootstrapを初心者でも手軽に使えるよう開発された日本製のオンラインツールで、ダウンロードやインストールな
Bootstrap Editor
Bootstrap Editor Webページを爆速で作成 「ログインもインストールも不要」です。(全76テンプレート) Bootstrap Editorはブラウザがあればいつでも使えます！ [ 2018-02-02 ] Bootstrap Editor に名前を戻しました。 [ 2018-05-12 ] Bootstrap4.1バージョンアップによる不具合を修正 [ テンプレート ] Bootstrap4 34枚 [ テンプレート ] Materialize 2枚 [ テンプレート ] Foundation 8枚 [ テンプレート ] AMP 9枚 [ テンプレート ] JavaScript/GoogleMap/vew.js 23枚 2018年1月15日 Coliss掲載（http://coliss.com/） 1. Code エディター：3色から選択（Emmet） 2. Templat
【bootstrap】table(th, td)列幅を固定する方法メモ - とりあえずphpとか
修正前 <table class="table table-hover"> <thead> <tr> <th>・・・</th> <th>・・・</th> ・・・ </tr> </thead> <tbody> <tr> <td>・・・</td> <td>・・・</td> ・・・ </tr> </tbody> </table>tableタグに「style="table-layout:fixed;"」追加 thタグに「style="width:200px;"」追加 修正後 <table class="table table-hover" style="table-layout:fixed;"> <!-- ★ココにstyle追加★ --> <thead> <tr> <th style="width:200px;">・・・</th> <!-- ★ココにstyle追加★ --> <th>・・・</th
日付入力に便利な「Datepicker for Bootstrap」
<2014-06-16> Bootstrap3版にサンプルを変更 <2013-03-03> オリジナルのものがforkされて、より機能が追加されているようです。IE8対応化 & 日付選択用の表示カレンダーを日本語に変換できるようになっています。 スクリプト <link href="css/datepicker.css" type="text/css" rel="stylesheet"> <script src="jquery.min.js" type="text/javascript"> <script src="js/bootstrap-datepicker.js" type="text/javascript"> <!-- 日本語対応用スクリプト --> <script src="js/locales/bootstrap-datepicker.ja.js" type="text/java
bootstrapを使って、tableのセルいっぱいにフォームを広げて表示してみる - 感謝のプログラミング
1.前提 前提となる環境はSpring-mvcで、bootstrapを取り込んでいる。 前回の記事→http://programming-10000.hatenadiary.jp/entry/20140204/1391521592 しかし、今回のサンプルはBootstrapの使い方の部分にフォーカスを当てているため、特に影響はない。 2.基礎 まず、色々と調べていて非常に役に立ったのが、「JSFIDDLE」だ。 http://jsfiddle.net/ ここでBootstrapを取り込んで、HTMLを書いて稼働確認することができる。 フォームは以下のリンクを参考にした。 http://getbootstrap.com/css/ Bootstrapのselect optionフォームは以下のように書く。 <select class="form-control"> <option value=
セレクトボックスの検索もタグの補完入力もこれ一つでできる！ BootstrapベースのjQueryプラグインSelect2
セレクトボックスの検索もタグの補完入力もこれ一つでできる！ BootstrapベースのjQueryプラグインSelect2 Posted: 2013.05.14 / Category: javascript / Tag: jQuery, Plugin 「Select2」はセレクトボックスに検索機能を付けたり、タグの補完（サジェスト）入力ができるBootstrapベースのjQueryプラグインです。 準備 最初に「bootstrap」と「select2」のcss&jsと「jQuery」を読み込みます。 （bootstrapのcssは必須ではないです。） html <link href="css/bootstrap.min.css" rel="stylesheet"> <link href="css/select2.css" rel="stylesheet"> <script src="htt
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
