语言选择器与标志图标与Bootstrap

时间:2015-01-29 11:16:10

标签: javascript twitter-bootstrap twitter-bootstrap-3

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

<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>

我会在&#34; Web Designer Trio&#34;下面插入两个旗帜图标。字幕。 我会使用Bootstrap 3中的 class =&#34; icon-flag&#34;

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

<span class="icon-flag">

1 个答案:

答案 0 :(得分:3)

好吧,native Bootstrap 3.x icons名为glyphicon-<name>。所以在你的情况下:

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

Demo。您的代码无效,因为您指的是名为icon-<name>的“旧”Twitter Bootstrap 2.x icons。如果您要使用这些内容,则必须从here下载并添加.png.css。那你应该没问题。