Как сделать имеющийся в bootstrap 4 custom file input в большой размер lg и на всю ширину full width?

Question

[Александр Владимирович]

В bootstrap 4 из коробки идёт custom file input.
https://getbootstrap.com/docs/4.0/components/forms...

Как сделать, чтобы он стал lg (large) и full-width?

Answer 1

[Harrisson]

Обернуть его в контейнер lg и задать свойство элементу label width: 100% ?

<style type="text/css">
        .myfile{
            width: 100%;
        }
</style>
<div class="container">
    <label class="custom-file myfile">
        <input type="file" id="file2" class="custom-file-input">
        <span class="custom-file-control">choose file</span>
    </label>
</div>