前提
お忙しいところ、恐れ入ります。
railsにて検索機能(ransack)を作成中で、
テキストに間隔を空けたいのですが、うまく間隔を作ることができません。
Bootstrapのサイトにて挿入したいテキストボックスがあり、
その通りに入力したつもりですがうまく反映されません。
初歩的なところでの質問となり申し訳ないですが、
ご教示のほどお願い致します。
実現したいこと
ここに実現したいことを箇条書きで書いてください。
- テキストボックスとの間に間隔を作りたい。
発生している問題・エラーメッセージ
[現状]:下記のようにテキストボックスごとの間隔が全くない状態でございます。
[理想]:このように、「投稿」「コメント」「ユーザー」の間に間隔を作りたいです。
該当のソースコード
html.erb
1<div class="collapse navbar-collapse" id="navbarSupportedContent"> 2 <%= search_form_for @q, url: posts_path do |f| %> 3 <ul class="navbar-nav me-auto mb-2 mb-lg-0"> 4 <form class="d-flex"> 5 <%= f.search_field :title_or_body_cont, id: 'search_field_of_post', class: 'form-control', placeholder: '投稿' %> 6 <%= f.search_field :comments_body_cont, id: 'search_field_of_comment', class: 'form-control', placeholder: 'コメント' %> 7 <%= f.search_field :user_profile_name_cont, id: 'search_field_of_user', class: 'form-control', placeholder: 'ユーザー' %> 8 <%= f.submit 'Search', class: 'btn btn-outline-success' %> 9 </form> 10 </ul> 11 <% end %>
試したこと
Bootstrapのサイトを参考にしながら入力しましたが、
サイトのように間隔が作れませんでした。
参考URL:https://getbootstrap.jp/docs/5.0/components/navbar/?
補足情報(FW/ツールのバージョンなど)
ここにより詳細な情報を記載してください。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。