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

声明:本页面是StackOverFlow热门问题的中英对照翻译,遵循CC BY-SA 4.0协议,如果您需要使用它,必须同样遵循CC BY-SA许可,注明原文地址和作者信息,同时你必须将它归于原作者(不是我):StackOverFlow 原文地址: http://stackoverflow.com/questions/28213338/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me): StackOverFlow

提示:将鼠标放在中文语句上可以显示对应的英文。显示中英文
时间:2020-10-21 22:14:54  来源:igfitidea点击:

Language picker with flag icon with Bootstrap

javascripttwitter-bootstraptwitter-bootstrap-3

提问by sharkbait

I would put a language picker in this section:

我会在本节中放置一个语言选择器:

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

I would insert two flag icons under "Web Designer Trio" subtitle. I would use the class="icon-flag"from Bootstrap 3.

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

I think I have to use something like this:

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

<span class="icon-flag">

回答by davidkonrad

Well, the native Bootstrap 3.x iconsare named glyphicon-<name>. So in your case:

好吧,原生 Bootstrap 3.x 图标被命名为glyphicon-<name>. 所以在你的情况下:

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

Demo. Your code does not work because you are referring to the "old" Twitter Bootstrap 2.x icons, named icon-<name>. If you want to use those, you must download and include the .pngand .cssfrom here. Then you should be fine.

演示。您的代码不起作用,因为您指的是名为“旧”的Twitter Bootstrap 2.x 图标icon-<name>。如果你想使用这些,你必须从这里下载并包含.png和。那你应该没问题。.css