Bootstrap tabs in ASP.Net

It sounds like you want to prevent the Bootstrap tab from switching when a button inside a tab is clicked. You can stop the event propagation when the button is clicked. Here’s an example using jQuery:

$(document).ready(function(){
    $('.tab-pane button').click(function(e){
        e.stopPropagation();
    });
});

In this code, $('.tab-pane button') selects the button inside your tab. The click function is an event handler that gets called when the button is clicked. e.stopPropagation(); prevents the click event from bubbling up to the parent elements, which stops the tab from switching.

Remember to replace .tab-pane button with the actual class or id of your button. If you have multiple buttons and only want this behavior for one of them, make sure to use a unique id or class for that button.

Thanks

    

        

            Tab 1
        
        

            Tab 2
        
        

            Tab 3
        
    
    

        

            Tab 1 content
        
        

            Tab 2 content
        
        

            Tab 3 content
        
    

Hello Shusant,

You can use below one,

    

        

            Tab 1
        
        

            Tab 2
        

            Tab 3
        
        
    

    

        

            
            
This is the content for Tab 1.
        
        

            
            
This is the content for Tab 2.
        
        

            
            
This is the content for Tab 2.
        
        
    

And Backend you need to set ActiveTab in controller setting up in ViewBag,

public ActionResult Index()
{
    //Set the active tab based on Your code logic, How you want to make it
    ViewBag.ActiveTab = "Tab3";

    return View();
}