I made a website years ago now and have come back to finish it, however there are 2 final problems I need to fix. This is the background colour I’d like the nav links to remain the whole timeHowever this is how they look when the page is loaded. Can anyone help me acertain the reason why they have the same colour code (#0b5394) but appear differently on the page. When I scroll down to the respective sections they appear the correct colour.

I made a website years ago now and have come back to finish it, however there are 2 final problems I need to fix. This is the background colour I’d like the nav links to remain the whole timeHowever this is how they look when the page is loaded. Can anyone help me acertain the reason why they have the same colour code (#0b5394) but appear differently on the page. When I scroll down to the respective sections they appear the correct colour.

I am currently designing a webpage using bootstrap and EJS. I want to create a modal window when one button is clicked to show additional information, and when an X button or “close” button is pressed, the modal window is closed.
However, the transform effect inside the card:hover css effect is messing up the modal window.
For starters, here’s the rough code

I cannot find a way to have a fixed top navigation bar that isn’t transparent with both dark and light themes.

I have a small form where I have table in which I dynamically create new rows when as per need! but When i am using “https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css” then first row is by default available . But when I tried to use upgraded Bootstrap version “href=”https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css” rel=”stylesheet”

I’m working on a web project where I need to implement a responsive sidebar that can be toggled using a button in the navbar. I’m using Bootstrap for the layout, and I’ve encountered some difficulties in achieving this functionality. The sidebar should be hidden by default on mobile devices and only displayed when the user clicks on a menu button in the navbar. On larger screens, the sidebar should be visible without any additional interaction. I’ve tried using media queries in CSS to control the visibility of the sidebar based on screen size, and I’ve implemented JavaScript functionality to toggle the sidebar when the menu icon in the navbar is clicked. However, when I clicks on menu icon, the sidebar is not display. Could someone please provide guidance on how to properly implement this responsive sidebar feature using Bootstrap 5?