How to design the navigation bar using tabs or pills shown in the image using bootstrap?

enter image description here

Please tell how to design that navigation bar in an webpage using bootstrap without defining the active tab/pill in the code. In the given picture the user had clicked on the Overview and then the design of the tab changes. Similarly other pictures are given below. enter image description hereenter image description here