Ruby on rails Ruby:将字体放置在文本\字段\标记中

Ruby on rails Ruby:将字体放置在文本\字段\标记中,ruby-on-rails,textfield,font-awesome,Ruby On Rails,Textfield,Font Awesome,请帮我回答这个简单的问题。我没有找到任何答案 我有这个文本\字段\标签: <div class="col-xs-4"><i class="fa fa-map-marker fa-2x"></i><%= text_field_tag 'ip', "", maxlength: 15, class: "form-control" %></div> 我想在我的文本\字段\标记中放置字体,但是 发生的情况是,图标显示在文本\字段\标记的外部

请帮我回答这个简单的问题。我没有找到任何答案

我有这个文本\字段\标签:

<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\u field\u标记之外。我试图在文本\字段\标记中放置字体,但出现错误

将字体放置在文本\字段\标记中的正确方法是什么? 希望任何人都能回答这个简单的问题


谢谢大家!

问题是
表单控件
宽度设置为
100%
。您必须手动更改它,并将其
显示设置为
内联

<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应该在
application.CSS
中给出,在这里您可以导入引导程序。否则,您将拥有top give
重要信息
表单控件
css中的每个属性。

问题是
表单控件
宽度设置为
100%
。您必须手动更改它,并将其
显示设置为
内联

<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应该在
application.CSS
中给出,在这里您可以导入引导程序。否则,您将拥有top give
重要信息
表单控件中的每个属性。
css。

试试这个

<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>

试试这个

<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>

在引导搜索栏的右侧添加一个图标 我遇到了一个类似的问题,我想在Bootstrap4.1搜索栏的右侧添加一个搜索图标

我有这个:

但我想要这个:

我通过调用一个新类
search\u icon
将定位添加到图标中,从而解决了这个问题

搜索\u图标
类添加到
元素:

<div class="col-xs-4">
  <i class="fa fa-map-marker fa-2x search_icon"></i>
  <%= text_field_tag 'ip', "", maxlength: 15, class: "form-control" %>
</div>
拉菲·本夸尔向我透露了标志性风格的消息,这要归功于他

在引导搜索栏的右侧添加图标 我遇到了一个类似的问题,我想在Bootstrap4.1搜索栏的右侧添加一个搜索图标

我有这个:

但我想要这个:

我通过调用一个新类
search\u icon
将定位添加到图标中,从而解决了这个问题

搜索\u图标
类添加到
元素:

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

拉菲·本夸尔向我透露了标志性风格的消息,这要归功于他

嗨@sajinmp。这不是我想要的答案。你要做的就是把字体和文本字段标记放在一行。我想要的是我想要的字体放在文本字段标签里面。除了将图标和文本字段标记放在一行之外,你还有什么办法让文本字段标记中的字体很棒吗?谢谢你看看这个嗨@sajinmp。这不是我想要的答案。你要做的就是把字体和文本字段标记放在一行。我想要的是我想要的字体放在文本字段标签里面。除了将图标和文本字段标记放在一行之外,你还有什么办法让文本字段标记中的字体很棒吗?谢谢你,看看这个,我明白了,但只需要修改一小行代码。无论如何,谢谢你!我有这个想法,但只需要修改一小行代码。无论如何,谢谢你!