show dynamically added navlinks when added in bootstrap navbar

Question

I am new to Bootstrap, and can\'t seem to figure this out, i have navbar being used as javascript tab functionality of Bootstrap, which can have dynamically added and remove

Answer 1

It doesn't look like you're using the standard Bootstrap nav/nav-tabs markup. If I were you I would simplify adding new tabs and tab content like this...

Have a single function that creates the new tab, tab content and then makes it active. You can use the tab('show') method to activate the newly created tab:

$('#btnAdd').click(function (e) {
    var nextTab = $('#tabs li').size()+1;

    // create the tab
    $('
Tab '+nextTab+'
').appendTo('#tabs');

    // create the tab content
    $('
tab' +nextTab+' content
').appendTo('.tab-content');

    // make the new tab active
    $('#tabs a:last').tab('show');
});

Dynamic Bootstrap Tabs Demo

Then you just need to customize it a little for your images.