Twitter bootstrap 在按钮中添加twitter引导图标
我有一个底部在推特引导,但想添加一个图标在底部。可能吗 这是按钮:Twitter bootstrap 在按钮中添加twitter引导图标,twitter-bootstrap,laravel,laravel-4,blade,Twitter Bootstrap,Laravel,Laravel 4,Blade,我有一个底部在推特引导,但想添加一个图标在底部。可能吗 这是按钮: <div class="col-md-6">{{ HTML::linkRoute('change_log', 'Endringslogg', array(), array('class' => 'btn btn-primary')) }}</div> {{HTML::linkRoute('change_log','Endringslogg',array(),array('class'=>'btn
<div class="col-md-6">{{ HTML::linkRoute('change_log', 'Endringslogg', array(), array('class' => 'btn btn-primary')) }}</div>
{{HTML::linkRoute('change_log','Endringslogg',array(),array('class'=>'btn btn primary'))}
我要添加的图标:
<span class="glyphicon glyphicon-user"></span>
您可以创建一个宏来处理此问题
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);
});
HTML::宏('button',函数($route,$title,$parameters=array(),$attributes=array())
{
$icon=array_get($attributes,'icon');
$iconTag=$icon?“”:“”;
如果($icon)未设置($attributes['icon']);
返回HTML::linkRoute($route、$iconTag.$title、$parameters、$attributes);
});
然后在刀片模板中执行以下操作:
<div class="col-md-6">{{ HTML::button('change_log', 'Endringslogg', [], ['class' => 'btn btn-primary', 'icon' => 'user']) }}</div>
{{HTML::button('change_log','Endringslogg',[],['class'=>'btn btn primary','icon'=>'user'])}
您可以创建一个不使用HTML::linkRoute的帮助程序,因为此方法对HTML实体进行编码,因此您将得到以下结果:
<a href="http://your.url"><span class="glyphicon glyphicon-user"></span></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>';
}
}
如果(!函数存在('icon\u link\u to\u route')){
/**
*使用glyphicon创建到命名路由的链接。
*
*@param string$图标
*@param string$route
*@param string$title
*@param数组$parameters
*@param数组$attributes
*@返回字符串
*/
函数图标链接到路由($icon,$route,$title=null,$parameters=array(),$attributes=array())
{
$url=route($route,$parameters);
$title=(是否为null($title))?$url:e($title);
$attributes=HTML::attributes($attributes);
$title.='';
返回“”;
}
}