bootstrap中的图标不起作用

时间:2016-03-28 09:06:14

标签: css twitter-bootstrap

我已经遵循了有关CodeIgniter的教程,我在从引导类中添加图标时遇到了问题。这是代码

<div class="container">
                <div class="row">

                <! -- Main Column -->
                    <div class="span9">
                        <section>
                            <h2>Page name </h2>
                        </section>
                    </div>

                    <! -- Side Bar -->
                    <div class="span3">
                        <section>
                            <?php echo mailto('iamjohnx3302@gmail.com', '<i class="icon-user"</i> iamjohnx3302@gmail.com'); ?> <br>
                            <?php echo anchor('admin/user/logout', '<i class="icon-off"></i>logout'); ?>
                        </section>
                    </div>
                </div>
          </div>

另外,我已经通过以下方式添加了引导脚本和CSS:

<head>
    <title><?php echo $meta_title; ?></title>

    <!-- Bootstrap -->
    <link href="<?php echo base_url('css/bootstrap.min.css'); ?>" rel="stylesheet">
  </head>

同样在身体下方,我添加了剧本:

<script src="<?php echo base_url('js/bootstrap.min.js'); ?>"></script>

2 个答案:

答案 0 :(得分:0)

Bootstrap的图标,

你应该遵循这样的课程名称:

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

供参考Bootstrap Components

希望这有帮助。

答案 1 :(得分:0)

如果您想使用Glyphicons,请使用此<span class="glyphicon glyphicon-envelope"></span>,您可以在http://getbootstrap.com/components/找到详细信息,或者如果您想使用Font-Awesome,可以在此使用<i class="fa fa-bluetooth-b"></i>详细信息{ {3}}