ボタンを中央揃えにする

ボタンを中央揃えにする

キャンセルボタンと一括編集ボタンを中央揃えにしたかったのでメモ。

html側

<div class ="update_all">

<button class = "button-update-all"><%= link_to "キャンセル", aaa_path(@user, id: current_user.id), style:"width:300px", class: "btn btn-primary", data: { confirm: "保存しないでよろしいですか？" } %></button>

<button class = "button-update-all"><%= f.submit "編集を保存する", style:"width:300px", class: "btn btn-primary", data: { confirm: "更新してよろしいですか？"} %></botton>

</div>

css側

divクラス

.update_all {
 text-align: center;
}

buttonクラス

.button-update-all {
  border: none;
  background: none;
}

を指定すると出来ました。