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