Railsでフォームのサイズを指定したい

Question

###前提・実現したいこと
Rails4 ローカル環境

Railsのアプリでタグ機能を導入するためacts-as-taggable-onとbootstrap-tagsinputを導入し実装しました。

今回そのタグを入力するフォームのサイズを指定して変更したいです。

###発生している問題・エラーメッセージ
フォームのサイズを指定するためclass: 'form-control input-mysize-title'としてフォームのサイズを指定しています。

通常はこれでうまくフォームのサイズを指定できているのですが、bootstrap-tagsinputを使用するため"data-role" => "tagsinput"を記述するとサイズが指定できなくなります。

###該当のソースコード
_form.html.erb

省略

<%= text_field_tag 'topic[tag_list]', @topic.tag_list.join(' '), placeholder:"タグを入力", "data-role" => "tagsinput", class: 'form-control input-mysize-title' %>

省略

どのようにすればtext_field_tag のフォームをサイズを変更できるか教えてください。

よろしくお願いします。

Answer 1

フォームのサイズを指定しているクラスがinput-mysize-titleなら下のコードでサイズを変更できる気がします。

<div class="input-mysize-title">
  <%= text_field_tag 'topic[tag_list]', @topic.tag_list.join(' '), placeholder:"タグを入力", "data-role" => "tagsinput", class: 'form-control' %>
</div>

Comments

[riamk]

ご回答ありがとうございます。
フォームのサイズを指定しているクラスはinput-mysize-titleです。

教えてもらったように記述してみたのですが、フォームの中の文字のサイズなどは指定できるのですが、フォームのサイズは変わらず指定できませんでした。

[riamk]

試しに"data-role" => "tagsinput"を削除して表示してみると上手く表示されるのですが、どうしたらいいでしょうか？

"data-role" => "tagsinput"はbootstrap-tagsinputで必要な記述なんですが、何かサイズを指定するのに必要な記述などあるのでしょうか？

[退会済みユーザー]

すみません、cssの中に
.bootstrap-tagsinput {
width: 100% !important;
}
の記述が必要だったのを完全に忘れてました。

[riamk]

ありがとうございます。
tagsinputに対して何かしらの記述が必要なのかなとは思っていたのですが、どのようにしたらいいか分からなくていました。

chromeさんの仰るようにcssに.bootstrap-tagsinputの記述をしたところ無事に表示することができました！
いくつもご回答くださって感謝しております。
ありがとうございました！