PHP

Laravel Logo

Bootstrap 4 の <input type="file">にプレビューの機能などを追加していい感じにしてくれる Bootstrap File Input を Laravel 6(というか、Laravel Mix)で使うの ...

サイト構築

Thumbnail of post image 182

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

PHP

Thumbnail of post image 011

以前に Bootstrap 3 用のプラグインを作成したのですが、Bootstrap 4 用に書き直してみました。

まずは、プラグイン本体( function.paging.php )。Smarty のプラグインディレクト ...

PHP

Thumbnail of post image 099

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

PHP

Laravel Logo

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

サイト構築

Thumbnail of post image 002

WordPress にフォームを追加する定番プラグインである Contact Form 7。Contact Form 7 で生成されるフォームを Bootstrap 4 で装飾してみます。

前準備

必要のない <p>タ ...