带有 laravel 5 形式的字体真棒图标答案

【问题标题】：font awesome icon with laravel 5 form带有 laravel 5 形式的字体真棒图标
【发布时间】：2017-06-09 11:00:17
【问题描述】：

我在laravel5 有一个这样的表格

{!! Form::text('name', '' , array('placeholder' => 'Name' , 'class' => 'form-control') ) !!}

我需要在这个文本框内使用一个图标，我正在使用FontAwesome 4.7.0，在文档中它说要将 FontAwesome 类放在 <i> 标记内，但我不知道如何插入 <i>在 laravel 表单中。这个我试过了

<i class="fa fa-user-circle-o">
{!! Form::text('name', '' , array('placeholder' => 'Name' , 'class' => 'form-control') ) !!}</i>

我应该如何嵌入标签？

【问题讨论】：

您能告诉我们您正在查看的文档吗？我在那里看到的所有文档，它们也都包含在form-group div 中，i 元素包含在span 元素中，类为input-group-addon。 Laravel 应该没有什么不同，除了输入将由您的表单助手生成。
fontawesome.io/icon/user-circle-o这个！

标签： html css laravel font-awesome laravel-form

【解决方案1】：

查看此页面http://fontawesome.io/examples/ 上的引导程序 3 示例，我相信您需要执行以下操作？

<div class="input-group margin-bottom-sm">
    <span class="input-group-addon"><i class="fa fa-user-circle-o"></i></span>
    {!! Form::text('name', '' , array('placeholder' => 'Name' , 'class' => 'form-control') ) !!}
</div>

【讨论】：

图标比文本框大，这是为什么呢？
去掉fa-fw会变小。
谢谢，我从答案中删除了那部分。