Emoji Details
E2.0 flag: St. Kitts & Nevis Emoji
🇰🇳
Ads here
About this Emoji
Generating personalized description...
Styling contents with Emoji
Heading
<div class="emoji-bh fs-2"><i class='flag-icon flag-icon-kn'></i> Heading</div>
Smaller heading
<div class="emoji-sh fs-4"><i class='flag-icon flag-icon-kn'></i> Smaller heading</div>
Inline text
<p>Inline text <i class='flag-icon flag-icon-kn'></i></p>
<p><a href="#" class="text-decoration-none">Example link text <i class='flag-icon flag-icon-kn'></i></a></p>
<div class="d-flex flex-column flex-sm-row gap-2">
<button type="button" class="btn btn-primary emoji-btn"><i class='flag-icon flag-icon-kn'></i> Button</button>
<button type="button" class="btn btn-success emoji-btn"><i class='flag-icon flag-icon-kn'></i> Button</button>
<button type="button" class="btn btn-outline-danger emoji-btn"><i class='flag-icon flag-icon-kn'></i> Button</button>
</div>
<div class="d-flex gap-2">
<button type="button" class="btn btn-secondary"><i class='flag-icon flag-icon-kn'></i></button>
<div class="btn-group">
<button type="button" class="btn btn-outline-secondary"><i class='flag-icon flag-icon-kn'></i><span class="visually-hidden">Button</span></button>
<button type="button" class="btn btn-outline-secondary"><i class='flag-icon flag-icon-kn'></i><span class="visually-hidden">Button</span></button>
<button type="button" class="btn btn-outline-secondary"><i class='flag-icon flag-icon-kn'></i><span class="visually-hidden">Button</span></button>
</div>
</div>
<div class="input-group">
<span class="input-group-text" id="basic-addon1"><i class='flag-icon flag-icon-kn'></i></span>
<input type="text" class="form-control" placeholder="Input group example" aria-label="Input group example" aria-describedby="basic-addon1">
</div>