为什么我的Bootstrap文本字段与我的要点不一致？

Question

为什么我的form-control文字字段与我的要点不一致？顶部没有样式或边距或填充物会强制降低。我也尝试在.w-75上使用<li>，但它没有帮助。

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

Bootstrap 4 alpha 6

Answer 1

我修改了它，将.d-inline添加到<input>，将.my-1添加到<li>以获得间距。

%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'