<div class="container my-4">

    <p>

        <strong>You can use to upload one or more files (photos, documents or any other file type) from local storage.

            See the examples.</strong>

    </p>

​

    <p>

        Detailed documentation and more examples you can find in our

        <a href="https://mdbootstrap.com/docs/standard/layout/horizontal-alignment/" target="_blank"><strong>Bootstrap

                Horizontal alignment Docs</strong></a>

    </p>

    <p>

        If you need a more advanced version check out the

        <a href="https://mdbootstrap.com/docs/standard/layout/horizontal-alignment/" target="_blank"

            class="text-danger"><strong>File upload plugin</strong></a>

​

​

    </p>

​

    <hr />

​

    <p class="font-weight-bold">Basic example</p>

​

    <p>

        The file input is the most gnarly of the bunch and requires additional JavaScript if you’d like to hook them up

        with functional Choose file… and selected file name text

    </p>

​

    <div class="border p-5">

        <!-- Copy this code to have a working example -->

        <div class="d-flex justify-content-center">

            <div>

                <label class="form-label" for="customFile">Default file input example</label>

                <input type="file" class="form-control" id="customFile" />

​

            </div>

        </div>

        <!--/ Copy this code to have a working example -->

    </div>

​

    <p class="font-weight-bold mt-3">File input sizing</p>

​

    <p>

        You may also choose from small and large file inputs to match our similarly sized text inputs.

    </p>

​

    <div class="border p-5">

        <!-- Copy this code to have a working example -->

        <div class="d-flex justify-content-center">

            <div>

                <label for="formFileSm" class="form-label">Small file input example</label>

                <input class="form-control form-control-sm" id="formFileSm" type="file" />

                <label for="formFileLg" class="form-label">Large file input example</label>

                <input class="form-control form-control-lg" id="formFileLg" type="file" />

​

            </div>

        </div>

        <!--/ Copy this code to have a working example -->

    </div>

​

​

​

</div>