【问题标题】:How to add Glyphicon to {{!! Form::Button !!}}如何将 Glyphicon 添加到 {{!!表单::按钮!!}}
【发布时间】:2015-09-01 17:48:48
【问题描述】:

我使用的是 Laravel 5.0,遇到以下问题。

这是我的按钮:

{!! Form::button('Delete', array('class' => 'btn btn-sm btn-danger', 'data-toggle' => 'modal', 'data-target' => '#'.$category->id)) !!} 

我怎样才能添加这样的东西:

<span class="glyphicon glyphicon-trash"></span>   

我遇到过这个 -> Is it possible to put a bootstrap glyphicon inside of a {{ Form::submit(' ')}} - Laravel 但它是用于没有感叹号的符号(它对我不起作用)。

【问题讨论】:

    标签: html laravel glyphicons


    【解决方案1】:

    这样就可以了:

    {{ Form::button('', ['type' => 'submit', 'class' => 'btn btn-danger glyphicon glyphicon-remove']) }}
    

    【讨论】:

      【解决方案2】:

      我不了解 Laravel,所以我不知道它是如何利用 CSS 的。如果我要在 HTML/CSS 环境中执行此操作,我将使用伪类执行下面的示例。

      .btn-danger:before {font-family:'Glyphicons Halflings';content:"\e020"} 
      <button class="btn btn-sm btn-danger"> Blah</button>
      

      您不必使用 .btn-danger,而是使用您附加到按钮的类/ID。

      JSFiddle

      【讨论】:

      • 非常感谢它就像一个魅力。 (如果有人知道如何以 Laravel 的方式执行此操作,我将不胜感激。)问题是,它不适用于 {!! Form::submit !!}} 你也知道解决方法吗? (-:
      • {{ Form::submit(array('class' => 'CSS CLASS HERE')) }} - 如果您将 css 类附加到提交按钮,则可以应用 font-family风格。
      • 好的,谢谢,我知道它应该以相同的方式工作,但不幸的是,我的情况并非如此。我想我们需要 Laravel 的专家来帮助我们。不管怎么说,还是要谢谢你。要不要我把你的回答标记为正确,打开另一个话题,这样你就可以赚取积分了?没问题,我能做到!
      猜你喜欢
      • 2017-10-25
      • 1970-01-01
      • 1970-01-01
      • 2016-05-31
      • 1970-01-01
      • 2015-11-10
      • 2018-09-05
      • 1970-01-01
      • 2011-06-05
      相关资源
      最近更新 更多