<div class="container">
  <div class="row">
    <div class="col p-4">
      <p>この投稿を閲覧するためには、パスワードの入力が必要です。パスワードは<a href="#">こちら</a>から申請して下さい。</p>
      <form class="post_password" action="'" method="post" style="max-width:20rem;">
      <div class="input-group mb-3 flex-nowrap">
        <div class="input-group-prepend">
          <span class="input-group-text"><i class="fa fa-key" aria-hidden="true"></i></span>
        </div>
        <p>
        <input type="password" name="post_password" class="form-control" size="24" placeholder="パスワード" aria-label="パスワード" />
        </p>
        <div class="input-group-append">
          <input type="submit" name="Submit" class="btn btn-secondary" value="送信" />
        </div>
      </div>
    </form>
    </div>
  </div>
</div>