使用 PHP 时不显示引导图标答案

【问题标题】：Bootstrap icons not showing up when using PHP使用 PHP 时不显示引导图标
【发布时间】：2013-10-18 06:32:27
【问题描述】：

我正在使用 PHP 从 MySQL 读取值，但我的引导图标没有显示。

这是我的代码的一部分，有人能告诉我我做错了什么吗？

switch($val)
        {
            case(1):
                $icon="icon-check icon-green";
                break;
            case(2):
                $icon="icon-plus-sign icon-blue";
                break;
            case(3):
                $icon="icon-check icon-yellow";
                break;
            case(4):
                $icon="icon-remove-circle icon-red";
                break;
        }

        echo '<pre style="background:#F2F2F2;"><i class="' . $icon . '"></i><code style="color:#4169E1;">' . $val1 .  '</code><strong> ' . $val2 . 'd</strong> text '. $val3 .' <span style="color:#7A8B8B;">@</span> ' . $val4 . '<br><i class="icon-comment icon-blue"></i><em><small>"' . $val5 . '"</small></em></pre>';

【问题讨论】：

你用过在头？
在你的 switch 中添加默认大小写 .. 目前如果值不是 1-4 $icon 可能根本没有设置 ..
在替换昏迷后试试
@Manish 我试过了，但没有帮助。
@Svetlio 在我的 PHP 页面上，当我使用控制台进行检查时，我可以看到该图标正在显示，但实际图标的图像未显示。

标签： php twitter-bootstrap icons

【解决方案1】：

尝试删除“icon-blue”、“icon-yellow”、...类。

我认为您只能使用此处描述的白色或黑色图标：Bootstrap icon doc

【讨论】：

【解决方案2】：

一些事情 - 您没有为 $var1、$var2、$var3 赋值...您需要执行 $var=1、$var=2 等。

另外，打开错误报告，然后你会得到未定义的错误作为线索。另外，我不会重复所有的刺痛 - 它真的很难阅读和维护，而且很容易错过引号......

相反，请考虑：

<div class ="<?= $foo ?>" >
//more html
</div>

当你有大块的 html 时，它会更容易阅读，而且不容易出错。最后，也不要对内联样式进行硬编码 - 将 CSS、PHP 和 HTML 分开。

至于开关，您需要定义开关，但您还需要获取值，因此您需要某种循环来完成您想要完成的任务：

<?php
    function myicon($val){
        switch($val)
        {
            case(1):
                return "icon-check icon-green";
                break;
            case(2):
                return "icon-plus-sign icon-blue";
                break;
            case(3):
                return "icon-check icon-yellow";
                break;
            case(4):
                return "icon-flag icon-red";
                break;
        }
    }
?>

<?php for ($i=1;$i<5;$i++):
$icon=myicon($i);
echo $icon;
?>
<div>
<i class="<?= $icon ?>"><?= $icon ?></i>    
</div>
<?php endfor; ?>

OR:

<?php
for ($i=1;$i<5;$i++){
$icon=myicon($i);
echo "<div>";
echo '<i class="'.$icon.'">'.$icon.'</i>';
echo "</div>";
}
?>

在这个小例子中，我可能会使用“if...elseif”而不是 switch，但是上面的代码现在肯定很容易让您重用。享受！祝你好运，我希望对你有所帮助 - 关于 switch、for...each、while... 以及三元运算符的 rtm。

【讨论】：