Bootstrap – Nav Pills only working for 1st option

in bootstrap nav pills work only for 1st one. I have inserted forms for each nav pill and only shows a blank page. I have php code inside nav pills and a form. ANy fix thanks in advance My code: https://pastecode.io/s/3ghb2xg7 >Solution : Try removing the fade class from the tab pane div.

CSS space between inside another flex element

I am trying to make simple nav-bar with logo, nav-links and button. and space everything evenly I have wrapper around those 3 items and i apply display:flex and than inside list i again apply display:flex but justify-content doesn’t affect list items, they are merged together. .nav-wrapper{ display: flex; justify-content: space-evenly; background: rgba(245, 253, 255, 0.8);… Read More CSS space between inside another flex element

anchor element linking to another section of the same page jumps too far down

HTML: <nav id="nav-bar"> <ul> <li><a class="nav-link" href="#features">Features</a></li> <li> <a class="nav-link" href="#how-made">How They Are Made</a></li> <li> <a class="nav-link" href="#pricing">Pricing</a></li> </ul> </nav> CSS: nav > ul { display: flex; justify-content: space-between; align-items: center; } li { margin: 20px; list-style: none; } a { color: #000; text-decoration: none; } When I click on the link in the Nav… Read More anchor element linking to another section of the same page jumps too far down