私のブートストラップのテキストフィールドは、弾丸と並んでいないのはなぜですか？

Question

私のform-controlテキストフィールドが私の箇条書きの点と並んでいないのはなぜですか？上部にはスタイルや余白やパディングがありません。私も<li>に.w-75を使ってみましたが、役に立たなかったです。

https://www.bootply.com/ZWMAT3qhgo#

ブートストラップ4アルファ6

Answer 1

Iは、間隔を<li>から<input>と.my-1に.d-inlineを追加することによってそれを修正。

%ul 
    %li.my-1= cf.text_field :bullet1, placeholder: 'Bullet point #1', class: 'form-control d-inline', 'data-toggle': 'tooltip' 
    %li.my-1= cf.text_field :bullet2, placeholder: 'Bullet point #2', class: 'form-control d-inline', 'data-toggle': 'tooltip'