Edited at

ボタンを中央揃えにする


ボタンを中央揃えにする

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

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;
}

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