Bootstrap Tab is not working when tab with data-target instead of href

Question

I am developing bootstrap tabs with the use of data-target attribute to match the tab panes instead of using the href attribute, since i am developing