Questions tagged [bootstrap-5]
Bootstrap 5 is the fifth major version of the popular front-end component library. The Bootstrap framework aids in the creation of responsive, mobile-first websites and web apps. Use in conjunction with the main [twitter-bootstrap] tag.
bootstrap-5
6,361
questions
1
vote
0
answers
20
views
Chenge columns count in bootstrap album
I use this exemple for my web application https://getbootstrap.com/docs/5.0/examples/album/
This works fine but i need chenge columns count from 3 to 2. It's possible?
My code:
<div class="...
- 11
-1
votes
0
answers
23
views
Login Page containing 2 columns not fitting to screen
I have 2 columns with same height when i keep the page in 1440-1024 px the content is fitting to screen but when i close the tools the page expands and scroll bar is visible
I don't want to hide the ...
0
votes
3
answers
70
views
Bootstrap 5 "row" turn into "flex-row" with horizontal scroll bar in Mobile devices only
I have some images in bootstrap "row" & "col" div. For Mobile devices I want to turn this into flex-row with horizontal scroll bar.
The caveat is it need to preserve "col&...
- 9
0
votes
1
answer
53
views
Bootstrap 5.3.3 _type.scs has waring on compile with Gulp
I am using Bootstrap 5.3.3 in my project and compile using gulp.js
I see warning on every save change.
below message see on terminal.
Deprecation Warning: Sass's behavior for declarations that appear ...
- 113
0
votes
0
answers
23
views
How to make a bootstrap col sticky whose height is bigger than screen height?
I have a bootstrap container with a row and 2 columns (9, 3). I want to make the second column float on right like an element would with position sticky. But the problem is the height of the second ...
- 174
-3
votes
0
answers
38
views
How do I keep the person near the right side of background image there, but not flow off the page off to the right so far when going narrow width [closed]
How do I keep the person near the right side of background image there, but not flow off the page off to the right so far when going narrow width
I've tried a few different things but I can't get it ...
- 133
0
votes
1
answer
39
views
How to initialize multiple bootstrap tooltips with Blazor server components?
I'm trying to initialize multiple tooltips on a page, including tooltips in blazer components, but nothing works and there are no errors.
This is didn't work for me:
var tooltipTriggerList = [].slice....
- 79
0
votes
1
answer
30
views
Resizing dropdown-item
I am new to Bootstrap, currently building a dropdown list of coutry flags to switch languages on a small static website (single page).
I could not find a way to resize the dropdown items in the list, ...
- 21
0
votes
0
answers
11
views
How can I use Utilities API with 2 properties?
In my use case, I have 3 paragraph styles with the following settings:
P1 - font-size: 20px, line-height: 22px P2 - font-size: 18px, line-height: 20px P3 - font-size: 16px, line-height: 18px
I would ...
- 57
0
votes
0
answers
25
views
Can I override a bootstrap style so it doesn't affect ag-grid scroll performance?
I have an app with bootstrap and ag-grid. In a particular case, it appears that a style from bootstrap.css is slowing down the grid's vertical scroll and it lags as it renders more rows (in Chrome). ...
- 126
-3
votes
0
answers
26
views
New to web development - why aren't some of the elements on my site properly responsive? [closed]
Here's my site based on a Start Bootstrap template: www.jnportfolio.web.app
And here's my GitHub repository: https://github.com/jessinaka21/portfolio-project
There's a point where reducing the ...
0
votes
1
answer
27
views
How do I use bootstrap to automatically increase font size on larger screens?
I'm trying to display bullet points on a screen with bootstrap and of course on my laptop the sizing is perfect, but when I try to display this onto a large TV screen or use the responsive tool in the ...
0
votes
1
answer
41
views
The carousel is not working in my code, I used Bootstrap
<div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
<%...
0
votes
0
answers
61
views
bootstrap 5 collapse not working, button is not clickable [closed]
I try to create a collapse element according to the bootstrap document.
<!DOCTYPE html>
<html lang="fr" dir="ltr">
<head>
<title>La Résidence Bloc H </title>
<...
- 5,087
-1
votes
0
answers
58
views
css custom music player range
please am having issue creating a rounded custom image indicator around album image, the dot indicator is breaking out on page load but when i press play it move back to the circle , html, i want to ...
