HTML bootstrap4 tabs, tabcontent not changing when different tab is selected

Question

I\'m trying to make a 4 tabs in an html webpage to show different contents when selected, but when i actually run the code ,the contents don\'t change when the different tab