I am trying to have two same size columns, in which I can have nested elements with big size, with overflow: scroll;. But that col width is becoming 100%; What interesting, if I am adding small width to that column…
I'm currently working on a simple dashboard where I'm making use of the nested nav of Bootstrap 5.3.1. I notice when I have a lot of content I cannot see the navigation anymore. That's why I want the left side…
I want to create a list using HTML & CSS shown as below: Expected Output: But getting below output. Actual Output: As you see, the line is collapsing on text and numbers. I want text besides of vertical line. And…
I have an object called #person that I need to rotate from -180 to 180 degrees with input from a slider. I have the slider working with the input box synced up to show the current angle value and a…
Am building a simple landing page using bootstrap. I need to increase column gap in the row. I know we can increase the gap by customizing sass spacing mixin but since website am building includes couple of sections I want…
I am trying to change the nav link color on page scroll in Bootstrap 5. I have created a fiddle to show the problem, which is linked to below: https://jsfiddle.net/mfen723/8kvf0431/20/ I am using the following function to try to change…
I need to center two fields ("Call Us" and "Our Email") and make them responsive at the same time. They should stack one on top of the other on a small screen. I have inline CSS to position them correctly…
# I can't see what is wrong with this, I have an HTML file and a CSS file body { font-size: 16px; color: black; background-color: #61122f; font-family: 'Oxygen', sans-serif; } #header-nav { background-color: #f6b319; border-radius: 0; border: 0; } #logo-img…
I am looking for a bootstrap chief who can help me building a simple grid ... I am too stupid to do so ans even cannot describe it well enough for ChatGPT. I hope this doesn't take a lot of…
This is a piece that is in the sidebar I'm building. I move the image to the far right of the screen with style="text-align: right;". In the same div, above the image, there is also a red bar that I…