Bootstrapのfileアップロードフォームがダサいから装飾してみた | vdeepこんにちは、okutani(@okutani_t)です。Bootstrapデフォルトのinput fileはなんだかダサいです。なぜもっとBootstrap感をダサなかったのか……！ ということでBootstrapっぽく変えてみました。プラグインとか何も使わないので、気軽に試せるかと思います。参考にしてください。 スポンサーリンク Bootstrapのfileフォームを装飾する まず最初にデフォルトのfileアップロードフォームを確認してみましょう。 下記HTMLコードで確認できます。 <div class="form-group"> <label for="exampleInputFile">File input</label> <input type="file" id="exampleInputFile"> <p class="help-block">● 〇〇MBまでの画像をアップロ
