bootstrap file inputをボタン化する方法

しょっちゅう忘れるので、残しておこうかなと思い作成

# html
<div class="file btn btn-lg btn-primary">
  Upload
  <input type="file" name="file"/>
</div>

# css
div {
  position: relative;
  overflow: hidden;
}
input {
  position: absolute;
  font-size: 50px;
  opacity: 0;
  right: 0;
  top: 0;
}

参考記事

Bootstrap File Upload Button