Laravel 6 で Bootstrap File Input を使う(Font Awesome 5 のインストールも)

Bootstrap 4 の <input type="file">にプレビューの機能などを追加していい感じにしてくれる Bootstrap File Input を Laravel 6(というか、Laravel Mix)で使うの ...
HTML5 のドラッグアンドドロップ API を使って並び替え可能なリストを作る

管理画面で表示順を変更するときなど、ドラッグアンドドロップでリストを並び替えられるようにすると、直感的な操作ができます。こうした UI の実装は、従来 jQuery UI の Sortable や SortableJS を使って行われ ...
Bootstrap 4 に対応した Smarty 3 用のページャープラグイン

以前に Bootstrap 3 用のプラグインを作成したのですが、Bootstrap 4 用に書き直してみました。
まずは、プラグイン本体( function.paging.php )。Smarty のプラグインディレクト ...
Bootstrap 4 のバリデーション用クラスの使い方

Bootstrap 3 では、バリデーションの結果に .has-warning や .has-error などのクラスを追加することで、フォーム部品の色を変えたりできますが、Bootstrap 4 は少し事情が違ったのでまとめておきま ...
Laravel で Honoka を使う

Honoka は、MIT ライセンスで利用可能な Bootstrap テーマです。通常の Bootstrap と比べて、日本語の表示周りが調整されています。最新バージョンは 4.3.1 で本家 Bootstrap 4.3.1 と互換性 ...
Contact Form 7 のフォームを Bootstrap 4 対応させる

WordPress にフォームを追加する定番プラグインである Contact Form 7。Contact Form 7 で生成されるフォームを Bootstrap 4 で装飾してみます。
前準備必要のない <p>タ ...