Ruby：Font Awesomeをtext_field_tagの中に置きます。

Question

この簡単な質問で私を助けてください。私は何の答えも見つけられませんでした。

私はこのtext_field_tagを持っている：

<div class="col-xs-4"><i class="fa fa-map-marker fa-2x"></i><%= text_field_tag 'ip', "", maxlength: 15, class: "form-control" %></div> 

私は何が起こることは、アイコンがtext_field_tagから外部

表示されている私のtext_field_tag内部の素晴らしいフォントを配置したいのですが、...

実際に私は、なぜこのようなことが起きるのかを知っています。素晴らしいフォントはtext_field_tagの外にあるからです。私はtext_field_tagの中にすばらしいフォントを置こうとしますが、エラーが発生します。

「font_field_tag」の中に素晴らしいフォントを配置する正しい方法は何ですか？ 誰もがこの簡単な質問に答えることを願っています。

ありがとうございました！

Answer 1

100%としてform-controlの幅が設定されている問題があります。手動で変更し、displayをinlineに設定する必要があります。

<div class="col-xs-4 someclass"><i class="fa fa-map-marker fa-2x"></i><%= text_field_tag 'ip', "", maxlength: 15, class: "form-control" %></div> 

これらのCSSはあなたimport bootstrapapplication.cssに与えられるべきであるCSS

.someclass i { 
    display: inline; 
} 
.someclass .form-control { 
    display: inline; 
    width: 95%; 
} 

。それ以外の場合はform-control cssの各属性に先頭にimportant!を付けます。

Answer 2

この

<div class="input-group"> 
    <%= text_field_tag 'ip', "", maxlength: 15, class: "form-control" %> 
    <span class="input-group-addon"> 
    <span class="glyphicon glyphicon-map-marker"></span> 
    </span> 
</div>