I stumbled across a problem when trying to change the color of the navbar-toggler-icon in Bootstrap 5. I know there is two preset colors with "navbar-light" and "navbar-dark" but those don't fit my theme so I tried changing the color…
I need help with the following: I would like for the footer to be displayed but when the toast is open, I would like the footer to not display. And when the toast dissapears, after a few seconds(default behavior), the…
I've encountered this issue while trying to add a carousel element to my project. The result of my code is a working carousel; the arrows work just fine and if I add an autoplay option it also works. However, the…
I tried centering an image horizontally my giving the parent div the class justify-content-center as well as text-center. This worked for any text, however the image remains to the left, rather than centered. How do I fix this? .thumbnail {…
The problem is in the mobile version of the site, either in flexbox, or in svg, or in width, which I don't understand. Devtools shows that there are indents from svg and the text itself has indents The site itself…
thanks for reading. I'm new to React but I'm building a web app with React.js and ASP.NET Core. I'm using the following code: import React, { Component } from 'react'; import { Button } from 'react-bootstrap'; export class Counter extends…
I've created features in the html using Bootstrap. I'm trying to unisize each box height wise. ScreenShot of the boxes #hr-1 { width: 100px; margin-left: 20%; } #features { background-color: #f0f8ff67; border-radius: 50px; padding: 50px 20px; } #cont2 { border-right:…
In one horizontal navbar i have small images that are spaced out with different spaces. Between one image and another there is a different empty space. I would like to get the same empty space between each image in this…
I wrote code in Bootstrap. I've added the class "m-0" but it still leaves margin on the right for this element. This is the code: <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"…
In the Bootstrap 5 code below there is a div with id "div-in-right-div" which is inside of a div with id "right-div". "div-in-right-div" is aligned with the top of "right-div". What changes need to be done so that the inner…