使用PHP时不显示引导程序图标

时间:2013-10-18 06:32:27

标签: php twitter-bootstrap icons

我正在使用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>';    

2 个答案:

答案 0 :(得分:0)

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

我认为你只能使用白色或黑色的图标,如下所述:Bootstrap icon doc

答案 1 :(得分:0)

一些事情 - 你没有为$ 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”而不是切换,但上面的代码很容易让你现在重复使用。请享用! 祝你好运,我希望有所帮助 - rtm关于开关,为...每个,同时......和三元运算符。