All Questions
Tagged with responsive bootstrap-4
193
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 ...
0
votes
0
answers
22
views
Bootstrap Table is not acting responsive to the width of the Browser
Im using Bootstrap for the responsive tables on my front end, ive had a lot of problems correctly formatting the data and so my JS code is pretty lengthy, im just wandering due to all of the ...
-1
votes
1
answer
42
views
why an responsive image is shrinking inside flex container and not taking up whole space on responsive screen sizes?
i want to prevent the image from shrinking inside the flexbox, leaving so much space inside the flex container. In fact, the image is made responsive using the img-fluid class from bootstrap 5 classes....
0
votes
1
answer
45
views
CSS bootstrap keep at least 2 columns
I have the following HTML:
<div class="row">
<div class="col-md-3 col-sm-6">
<img src="image1.jpg" width="80%">
<h4>...
0
votes
1
answer
80
views
How to make a Responsive Grid?
So I have a html and css with a specific grid, I already made the .css, but I'm missing something, normally its the col-md or col-sm into the html using bootstraps, but everytime that I tried still ...
0
votes
1
answer
532
views
How to scroll the body content with the side menu and make it dynamic for small screens?
What should I do so that the content of the body is dynamic when hiding and showing the Side Menu? I am trying to create a product management project with PHP.
I have created a Side Menu ( Sidebar ), ...
0
votes
1
answer
41
views
Center section on navbar and collapse section on the right
I'm been stuck for longer than I'd like to admit on this issue. What I am trying to do is get the section which is displayed on the left to be displayed in the center(in a responsive manner).
<...
0
votes
0
answers
147
views
How can I set responsive slider in HTML?
I'm building a website and using an image slider. It should be responsive but there is a problem. It doesn't look good when I minimize the screen.
I want the picture to fill the whole screen but ...
0
votes
1
answer
76
views
Display icon when .table-responsive is horizontally scrollable in Bootstrap
I have an icon as background in css in a responsive table with bootstrap (Drupal)
tablefield-wrapper .table-responsive {
padding-top: 2.5em;
background-repeat: no-repeat;
background-position: right ...
0
votes
1
answer
459
views
Bootstrap Responsive Menu Not Closing After Opening
Hi so im kinda new to bootstrap, made shrinking navbar from bootstrap 4.5.3 but the responsive menu not closing after opening it, help will be appreciated thanks.
<!-- Start of Navbar -->
<...
0
votes
1
answer
768
views
How to make a responsive text for different view size over a video background
I'm trying to have text over a video background and regardless of what screen size the web browser is, I want the text to take up the entire screen. What is the best way to do this?
Currently, I have ...
0
votes
1
answer
456
views
Two DIVs overlapping and below each other in mobile mode in bootstrap
I have two divs.
The first is a header bar with navigation and a logo.
Below that I have a hero image with some text.
The first div overlaps the second. Both the divs are inside a header tag.
What I ...
2
votes
1
answer
112
views
Hiding a div that on the next line
I am using Bootstrap for Auto Layout Columns.
I'd like to hide the div that breaks to the next line. I've tried to set a fixed height to the class row and then use @media queries.
Can you advise a ...
-1
votes
2
answers
444
views
How to make a responsive text with Bootstrap or CSS?
I tried to set the $enable-responsive-font-sizes variable in Bootstrap 4.3.1 to true, but nothing changed.
Here is my template.html code:
<div class="m-2" id="role">
&...
0
votes
1
answer
1k
views
Change the size of table or fix its position depending on screen size
I have this table that looks like this:
However, when the screensize is reduced, the table will get closer to the right of the browser:
Breaking the footer, moving away from the right:
I've noticed ...