javascript - 带有 Bootstrap 标志图标的语言选择器

Question

我会在这个部分放一个语言选择器:

<section id="logo-section" class="text-center">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="logo text-center">
                        <h1>Batpeppa</h1>
                        <span>Web Designer Trio</span>
                    </div>
                </div>
            </div>
        </div>
</section>

我会在“Web Designer Trio”副标题下插入两个旗帜图标。我会使用 Bootstrap 3 中的 class="icon-flag"。

我想我必须使用这样的东西:

<span class="icon-flag">

Answer 1

嗯，native Bootstrap 3.x icons被命名为glyphicon-<name> .所以在你的情况下:

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

Demo .您的代码不起作用，因为您指的是“旧”Twitter Bootstrap 2.x icons , 命名为 icon-<name> .如果你想使用它们，你必须下载并包含 .png和 .css来自 here .那你应该没问题。