More than 3 years have passed since last update.

【Bootstrap】submitボタンの中に無駄な四角が入ってしまう際の対処法

Last updated at 2020-05-22Posted at 2020-05-20

無駄な四角が入ってしまうコード

  <button type="button" class="btn btn-success"><div class="actions">
    <%= f.submit  %>
  </div></button>

下記のように変になってます。

解決法

submitボタンの中にbootstrapをかく。

<div class="actions">
    <%= f.submit('投稿する',class: 'btn btn-primary btn-lg my-1 mb-5 px-5')  %>
  </div>