Language picker with flag icon with Bootstrap

Question

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.

I think I have to use something like this:

<span class="icon-flag">

Solution

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

<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 .png and .css from here. Then you should be fine.