Bootstrapで作成したボタンを横並びにする（rails編）

micropostの作成中に、ボタンを横並びにしようとしたら、少し苦戦したので備忘録として残します。

ボタン位置修正前（縦並び状態）

このようなコードを記述（ボタン部分のみ抜粋）

そして以下のような感じに

現状Unfavorite（お気に入りボタン）の下にdelete（削除ボタン）が来ている。

そのため完成イメージとしては、

1. deleteボタンを右側に
2. 2つのボタンの間隔をあける

上記2つの設定をbootstrapを使い記述します。

deleteボタンを右側に

これは横並びにしたい範囲を<div class="row">で包み込んであげました。

（今回の場合、13行目に追記）

【before】

【after】

2つのボタンの間隔をあける

これは間隔を空けたいボタンのコードを<div class="ml-(空けたい間隔を数字で記述)">で包み込んであげたら出来ました。※ml:margin-leftの省略形

今回の場合はボタンの左側を少しだけ空けたかったので<div class="ml-2">を記述しました。

【before】

【after】

それっぽく間隔が空きました。