Question

我在twitter bootstrap中有一个底部，但想在底部添加一个图标。这可能吗？

这是按钮：

 <div class="col-md-6">{{ HTML::linkRoute('change_log', 'Endringslogg', array(), array('class' => 'btn btn-primary')) }}</div>

我要添加的图标：

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

Answer 1

您可以创建一个宏来处理此

HTML::macro('button', function($route, $title, $parameters = array(), $attributes = array())
{
    $icon = array_get($attributes, 'icon');

    $iconTag = $icon ? '<span class="glyphicon glyphicon-'.$icon.'"></span> ' : '';

    if ($icon) unset($attributes['icon']);

    return HTML::linkRoute($route, $iconTag.$title, $parameters, $attributes);
});

然后在您的刀片模板中执行以下操作：

 <div class="col-md-6">{{ HTML::button('change_log', 'Endringslogg', [], ['class' => 'btn btn-primary', 'icon' => 'user']) }}</div>

Answer 2

你可以创建一个不使用HTML :: linkRoute的帮助器，因为这个方法对html entites进行编码，所以你最终会得到这个：

<a href="http://your.url">&lt;span class=&quot;glyphicon glyphicon-user&quot;&gt;&lt;/span&gt;</a>

这是帮手

if ( ! function_exists('icon_link_to_route')) {
    /**
     * Create link to named route with glyphicon icon.
     * 
     * @param  string $icon
     * @param  string $route
     * @param  string $title
     * @param  array  $parameters
     * @param  array  $attributes
     * @return string
     */
    function icon_link_to_route($icon, $route, $title = null, $parameters = array(), $attributes = array())
    {
        $url = route($route, $parameters);

        $title = (is_null($title)) ? $url : e($title);

        $attributes = HTML::attributes($attributes);

        $title .= '<span class="glyphicon glyphicon-'.e($icon).'"></span>';

        return '<a href="'.$url.'"'.$attributes.'>'.$title.'</a>';
    }
}

在按钮中添加twitter bootstrap图标

2 个答案: