如何在我的Bootstrap按钮中正确对齐Google Material Icons?
例如,考虑以下代码:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" />
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<!-- body -->
<button type="button" class="btn btn-danger btn-sm">
<span class="material-icons">delete</span> Supprimer
</button>Run Code Online (Sandbox Code Playgroud)
给我这个输出:
这不是很好的输出.修复图标和文本之间对齐的最佳解决方案是什么?
我的Acl管理员已经腐败了,我不知道为什么,因为我从未改变过以后的工作.
当我去/acl,我收到以下错误:
错误:找不到类'String'文件:/app/Plugin/Acl/Controller/Component/AclReflectorComponent.php
行:17
public function getPluginName($ctrlName = null)
{
$arr = String::tokenize($ctrlName, '/'); <----- Line: 17
if (count($arr) == 2) {
return $arr[0];
} else {
return false;
}
}
Run Code Online (Sandbox Code Playgroud)
我检查了什么$ctrlName,价值是什么Acl/Acl.
我完全迷失在这里,我该怎么办?