All Questions
Tagged with responsive twitter-bootstrap
300
questions
0
votes
0
answers
29
views
Why aren't these bootstrap elements side by side?
The five and seven column elements in this HTML are constantly breaking to new lines instead of displaying side by side (they get populated with simple HTML in javascript. Even if I hard code them ...
- 1,537
3
votes
0
answers
105
views
Apply bootstrap utility classes based on CSS container query
I've built a widget component that responsively changes its internal grid at screen sizes less than 1200px, mainly using bootstrap's utility classes like col-xl-4 and many other *-sm-* and *-xl-* ...
- 882
-1
votes
1
answer
33
views
my bootstrap navbar is not responsive don't know why?
my navbar on the desk seem to work fine and all however when i examine in a different screen size they don't seem to collapse or anything even though I am using bootstrap so that's the problem.
my ...
0
votes
1
answer
100
views
Bootstrap 5 navbar toggle button not responding
I'm having trouble getting the toggle button in my Bootstrap 5 navbar to work properly. The button appears, but clicking it doesn't show the navigation links on smaller screens. I've followed the ...
-3
votes
2
answers
44
views
How can I make two contact fields responsive [closed]
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 ...
- 1
0
votes
1
answer
154
views
How switch Bootstrap 5 columns order while its nested (without hidden duplicates)?
The following code is supposed to display blocks for mobile and desktop view in different ways.
<div class="col-12 col-sm-6 order-sm-1">TITLE</div>
<div class="col-12 col-...
- 363
0
votes
1
answer
34
views
bootstrap column layout in different size containers
Lets say that I've created some components that use the bootstrap columns for layout. Those components render well as long as I've set them inside a screen-wide container. ie:
<div class="...
- 555
-1
votes
1
answer
89
views
I'm unable to make my html/css/bootstrap file responsive and be able to fit any screen's resolution
i'm new to web developement and i would like to know how i can make my file elements responsive and be able to fit any screen's size or resolution. Help is much appreciated! Here's my code :
`\<!...
0
votes
1
answer
1k
views
Bootstrap 5 not fit 100% width and 100% height: 2 rows 5 columns layout
Can you help me fix this Bootstrap 5 code to fit in all 16:9 full screen device (mobile and desktop/1080p/2160p chrome browser) to 100% width and 100% height? (and no scroll to right and no scroll to ...
- 111
1
vote
1
answer
83
views
Bootstrap 4 Cards - Preserve image positions within the card while maintaining image responsiveness
I have a row of Bootstrap cards that I have added an additional image to (indicated by the red arrow). I wish to maintain the position of the additional image against the .card-img-top while keeping ...
- 147
1
vote
0
answers
35
views
Block position DIV element on image background (like hotspot)
i have problem with responsive element of project. Elements on the road must have been always in the same places against the background.
I set position absolute for every point on the road and i set ...
- 11
0
votes
2
answers
66
views
Website responsible problem in mobile view
Why am i getting this extra margin to the right of the website in the mobile view?
see this website on mobile to see the problem
https://likithmeruvu.github.io/
problem is why am i getting the extra ...
0
votes
1
answer
745
views
How can I make this progress bar mobile and desktop responsive
I have a progress bar that has three stages (begin, select, result). Once a stage is reached the progress circle becomes black to indicate and stages not achieved yet are transparent with a black ...
- 23
0
votes
1
answer
893
views
Bootstrap carousel content disappears unexpectedly after a delay
I tried to put a carousel inside a section of my website (using HTML, CSS, and Bootstrap 5), but the problem is after a little time all the content and the carousel inside that section disappear, then ...
- 5
2
votes
1
answer
1k
views
Enable Bootstraps 5 responsive font size (rfs) for base font tags
I am trying to enable Bootstrap's RFS feature in v5.1.3 for basis font tags globally.
In my SCSS i have set some basic font-sizes, include the bootstrap scss files and set the font-size include. But ...
