Close Button for Twitter Bootstrap3 Tabs

Question

I try to follow from this fiddle to adding close button to Twitter Bootstrap Tabs but i can't create a close button correctly.this is my jsbin codes. how can i make a close. i try to create with a tag but tabs make my link block level when i have 2 link in one li.

 <ul class="nav nav-tabs">
    <li class="active"><a href="#">Tab 1 <button><i class="fa fa-times"></i></button></a>     </li>
    <li><a href="#">Tab 2</a></li>
    <li><a href="#">Tab 3</a></li>
  </ul>

Solution

I forget to insert class="close" for button so the correct is :

<button class="close"><i class="fa fa-times"></i></button>

Where is your Javascript code? – DonJuwe Apr 22 '14 at 08:43 — DonJuwe, Apr 22 '14 at 08:43
I'm only need style and correct position for button . – MBehtemam Apr 22 '14 at 10:46 — MBehtemam, Apr 22 '14 at 10:46
I find it , i forget to insert `class="close"` for button. – MBehtemam Apr 23 '14 at 05:02 — MBehtemam, Apr 23 '14 at 05:02

score 3 · Accepted Answer · answered Apr 23 '14 at 06:58

3

You need to add class close to the button.

answered Apr 23 '14 at 06:58

DonJuwe

4,477
3
34
59

Close Button for Twitter Bootstrap3 Tabs

1 Answers1

Linked