내 부트 스트랩 텍스트 필드가 내 글 머리 기호와 일치하지 않는 이유는 무엇입니까?

Question

내 form-control 텍스트 필드가 내 글 머리 기호와 일치하지 않는 이유는 무엇입니까? 상단에 스타일이나 여백 또는 패딩이 없어 강제로 중지됩니다. 나는 또한 <li>에 .w-75을 사용해 보았지만 도움이되지 않았습니다. 6

Answer 1

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

부트 스트랩 4 알파 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'