【问题标题】:how to show fa-icon in option tag in bootstrap如何在引导程序的选项标签中显示 fa-icon
【发布时间】:2021-04-27 18:03:44
【问题描述】:

我正在迭代选项并希望在每个选项中都显示 checktimes 图标,所以我尝试了以下代码:

@foreach($findadminproducts as $a)
    <option value="{{ $a->id }}" >{{ $a->name }}
    @if ( $a->price == $product->price)
        <i class="fa fa-check" aria-hidden="true">Matched</i>
    @else
        <i class="fal fa-times">Not Match</i>
    @endif
    </option>
@endforeach
                

在我想要的选项中,如果价格相同,则显示check 图标,但它不显示图标如果条件成功,我的图标都不起作用,然后它显示匹配没有图标,否则它只显示“不匹配”没有图标 我要与图标匹配或不匹配

【问题讨论】:

  • 提供足够的上下文来理解您的问题,@Hamza Qureshi。您的所有图标都在工作,但只有这个图标吗?
  • 如果条件成功,我的图标都不起作用,然后它显示没有图标的匹配,否则它只显示没有图标的不匹配
  • 您的页面中是否包含font-awesome
  • 不,我没有包含,也不知道如何包含
  • 现在我在@section('scripts') 中添加了

标签: laravel bootstrap-4 icons styles


【解决方案1】:

无效的 html 选项标签不支持嵌套标签,因此最好使用符号作为文本,如 ✓Matched

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2020-11-02
    • 2018-01-07
    • 2019-05-28
    • 2019-02-28
    • 2021-02-18
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多