<main class="container"> <!-- 省略 --> <h3>スレッド作成</h3> <% if @board.errors.any? %> <%= @board.errors.full_messages %> <% end %> <%= form_for @board do |f| %> <div class="form-group"> <label>タイトル</label> <%= f.text_field :title, class: "form-control" %> </div> <div class="form-group"> <label>作者名</label> <%= f.text_field :editor, class: "form-control" %> </div> <div class="form-group"> <label>内容</label> <%= f.text_area :content, class: "form-control" %> </div> <%= f.submit '投稿する', class: "btn btn-secondary input-group-lg" %> <% end %> <!-- 省略 --> </main>
以上のような掲示板のスレッド作成機能にbootstrapのformクラスのCSSを当ててデザインとレイアウトを行っております。
まず質問したいことがlabelタグで囲ってラベルを作成した箇所の色を変えたいということです。
bootstrap.cssの中身を見てlabelタグのデフォルトの色を変えようと思ったのですが、label系のクラスが多すぎてどこを変えていいか分からず、、、またlabelタグにstyle="color:blue"
のように直接style属性を使用してもうまくいきませんでした。
また <%= f.text_area :content, class: "form-control" %>
で描画されるtext_areaがこのままだと2行分のテキストフォームしか表示されないため5行くらい表示したいです。<%= f.text_area :content, class: "form-control" , size: "40×10"%>
のようにサイズ属性を指定したのですがうまくいきませんでした。
この2つの問題をどうしたら解決できるでしょうか。
宜しくお願い致します。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/11/15 01:17