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
Language picker with flag icon with Bootstrap
提问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

