Change Bootstrap nav tabs border bottom line color using CSS

Question

HelloHow can I create such a navigation like the one in the image belowWhen user clicks on a link there is a line under the clicked linkIn the below image the line is shown as green so when tennis is clicked the green line will move under Tennis

dharmendr · Accepted Answer

Hi RichardSaCheck this exampleHTMLlthtml xmlns34httpwwww3org1999xhtml34gtltheadgt    lttitlegtlttitlegtltheadgtltbodygt    ltlink rel34stylesheet34 href34httpscdnjsdelivrnetnpmbootstrap453distcssbootstrapmincss34        integrity34sha384TX8t27EcRE3eihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr234 crossorigin34anonymous34 gt    ltscript src34httpsajaxgoogleapiscomajaxlibsjquery1124jqueryminjs34gtltscriptgt    ltscript src34httpscdnjscloudflarecomajaxlibspopperjs1143umdpopperminjs34        integrity34sha384ZMP7rVo3mIykV29J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAKl8WvCWPIPm4934 crossorigin34anonymous34gtltscriptgt    ltscript src34httpsstackpathbootstrapcdncombootstrap413jsbootstrapminjs34        integrity34sha384ChfqqxuZUCnJSK3MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OWJmZQ5stwEULTy34 crossorigin

Change Bootstrap nav tabs border bottom line color using CSS

Company

Explore

Follow us

Contact Us