Trying to create a login page for my capstone project and for osme reason the form I created isnt taking up the fullscreen Made a form for a login page with columns styled in Bootstrap, expected it to fill up…
I'm trying to build this website using only html/css and Bootstrap, and in this instance I want to get that hover effect when I hover over some cards (Cards are from Bootstrap 5), but when I add that :hover in…
I am using react bootstrap table here You can see the working code here I wanted to created a table which looks like this . My data looks like this const data = [ { rollId: 1, name:"Momo", marks: {…
I'm working on a navbar for CSS and I've gotten it working the way I want however the active state shows the background color that has the same width as the text itself. I feel like this is basic but…
I have the following html with a SweetAlert2 date picker popup for the Click me! button: <!DOCTYPE html> <html lang="en"> <head> <!-- Required meta tags --> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- Bootstrap CSS --> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65"…
I'm trying to center a 2×3 grid of images & text and although it works on desktop, it has a seemingly weird offset on mobile. For example, here's how it looks on desktop: and here's the layout on mobile: The…
Using a list-group, the order class works fine but it is not working when I tried using it under the dropdown-menu. Saw the docs in bootstrap 5 about ordering of classes but can't make it to work inside the dropdown-menu.…
I'm trying to wrap a text around the image. The image is on the left side and text in the right. I'm using bootstrap latest version and both sides are col-3 and col-9. Why the text doesn't go below the…
The section content is overlapping the navbar on certain screen sizes. I'm wondering why it's doing that and how to prevent it. Do I need to wrap everything in a container or what's the solution to this problem? Using bootstrap…
I am using Bootstrap and I have an image, and I want to have the card on the right of the image, but it is at the bottom. I tried using display: inline-block, but that did not work. I looked…