All Questions
345
questions
0
votes
0
answers
39
views
How can I prevent a dropdown from being concealed by another element?
Okay so, what I'm trying to achieve is this: I should be able to have a huge dropdown menu when I click the dropdown button.
Something like this:
This does work if I create a dropdown using bootstrap'...
3
votes
2
answers
120
views
Why don't all Font Awesome icons work with boostrapCDN?
From my understanding, all Font Awesome icons should work with linking this bootstrap stylesheet. But, I just got that one .fa fa-deskto to work, others do not display, the second one for example is:
...
0
votes
2
answers
119
views
How to align JSX component to the left on a webpage using React and Bootstrap?
I'm currently working on a React project where I'm using Bootstrap to style my components. I have a JSX component that I want to align to the left on my webpage, but for some reason, it doesn't work. ...
0
votes
0
answers
83
views
Listing out items in React/NextJS with Bootstrap cards
My problem is that when I list out my items using cards with bootstrap doesn't matter how I try the cards are always going to be under each other not next to each other. Could someone help me figure ...
0
votes
1
answer
55
views
How to change color of fontawesome icon by hovering mouse inside anchor tag?
I'm facing problem in navbar, Inside there I've put Resume link and icon to download resume, in the styling if I hover over RESUME then only RESUME getting color icon doesn't change it's color, but if ...
0
votes
0
answers
103
views
Using Bootstrap to a Specific Component for Offcanvas Usage Without Affecting the Overall Layout
Yo Guys,
I'm working on a react project where I've already set up a solid layout. Then, I added Bootstrap to implement an offcanvas component, and it works well. However, I encountered an issue when I ...
0
votes
0
answers
102
views
bootstrap styles are not being applied to print in react js
I am working on a POS invoice module. It works in the print. i mean when i click on the print button it shows the dialog box but it doesn't come up with boostrap styles.
I tried using and importing ...
0
votes
1
answer
35
views
How to fix too much space between images when using horizontal scroll
I'm trying to build a basic movie app using the OMDB api with a basic interface and search functionality implemented so far. When the results show up, there's a huge space between each movie poster. I'...
-1
votes
1
answer
67
views
Why does viewport unit sizing change when Bootstrap isn't loaded?
The same element(set to height:100vh) in the same window showing the website page, before and after deleting the import line reports different client height: 881 with the import, 914 without the ...
0
votes
1
answer
53
views
Effective way to display different contents in the same style of accordion in React?
what is an effective way to display different contents in the multiple accordions?
enter image description here
This is what I am doing in my project, and obviously shipping information and delivery ...
0
votes
1
answer
128
views
Overflowing Height Modal Bootstrap
I have a Bootstrap modal that contains a lot of content, as follows.
However, it turns out that at the bottom of the modal, there is an excess of height modals
I have tried using the max-height ...
0
votes
0
answers
64
views
main content body doesn't take up full col-10 width
using react and bootstrap v5.3.0-alpha1
the main content body when the sidebar isn't collapsed has a gap on the right side - it's not taking up the full width of the page. when i do w-100 or width: ...
0
votes
1
answer
112
views
Main content going underneath the sidebar on lower screen sizes?
the goal is to have a 250px col-2 sidebar with a col-10 main body that collapses to a top navbar and main content underneath that
the problem is that the main content body go underneath the sidebar ...
0
votes
2
answers
2k
views
Navbar link hover effect
I keep seeing this effect used on a lot of websites and am wondering how they're doing it
Example: https://app.uniswap.org/#/?intro=true
When you hover over one of the navbar links, it looks like a ...
0
votes
0
answers
49
views
My carousel with react-bootstrap has no active items
I am using react-bootstrap to create a carousel, but all of the carousel items are disabled.
I tried the official example like they did on the website, and its not working. Any ideas what's going ...