All Questions
135 questions
0
votes
1
answer
275
views
bootstrap JavaScript not working as in when the screen size is decreased the menu bar wont work
so I'm working with Django for the first time and I am following a tutorial, bootstrap is used for the navbar so I added the CSS from bootstrap it worked but the JavaScript from bootstrap is not ...
2
votes
1
answer
50
views
Why are the controls for my carousel in Bootstrap not functioning?
The main issue is as the title says. The displays work fine and I can see the images properly, but the next and previous buttons as well as the carousel indicators do not work. There doesn't seem to ...
0
votes
1
answer
187
views
Bootstrap NavBar isn't responsive on IPhone
I'm working in Bootstrap Studio and can't seem to fix this stupid problem.
I saw everybody suggesting that i should just add
meta name="viewport" content="initial-scale = 1.0,maximum-...
2
votes
1
answer
148
views
Bootstrap responsive class management
I'm relatively new to Bootstrap, and really new to the grid system. I've recently started making a page responsive. While it seems pretty straightforward to make main/general sections responsive (...
2
votes
1
answer
856
views
Dynamically generate bootstrap grid HTML from JSON object using Javascript
I am trying to generate an HTML from a JSON object. Please have a look at my required output HTML and JSON below
Required generated HTML
<div class="container">
<div class="...
0
votes
1
answer
470
views
Bootstrap 3: Mobile view multiple select "0 elements selected"
I'm using Bootstrap (v3.3.7) multiple select for a form. This is how it looks like on mobile
No matter how many elements I select it will always say 0. Why is this? There are no problems when the ...
0
votes
2
answers
97
views
Responsive square image and text grid
An issue has been created when min-width:768px the image and text content alignment break down!
Basically, I want to keep image and text at a time, one after another in mobile layout, and one image ...
1
vote
1
answer
143
views
Need the bootstrap class "embed-responsive-item" to work with the fabric canvas element
So I am using bootstrap's embed-responsive structure that involves a wrapper with embed-responsive class & an additional class for defining aspect ratio & the child element with embed-...
4
votes
2
answers
780
views
Bootstrap responsive table with fixed headers on all device sizes?
I currently have this Bootstrap table and the problem I'm facing is that the sticky headers aren't working without removing the Bootstrap .table-responsive class. Is this possible without using JS?
...
0
votes
1
answer
819
views
Bootstrap 4 - Responsive navbar does not collapse
When on mobile, the collapsible navbar is open and even when clicking the hamburger button, the navbar does not collapse. After looking at multiple examples and doing research, I can't find what I am ...
-3
votes
1
answer
42
views
Scrolling Failed on Mobile
Just working on a test website [1] which needs to scroll on mobile but for some reason it doesnt work. Any help is appreciated.
@media only screen and (min-device-width : 320px) and (max-device-width ...
3
votes
0
answers
51
views
NavDropdown not opening after child item selected on mobile/tablet devices
I have a dropdown menu built using react-bootstrap. Current it doesn't open the second time after an option has been selected from the dropdown. The user needs to click off the menu somewhere for it ...
2
votes
1
answer
274
views
Bootstrap - Using push and pull when resizing window but screen cuts off div
Currently, I have two divs. When the window is fully expanded, I want it to look like this:
----------------------------------------
| Div-Left | Div-Right |
--------------------------...
1
vote
1
answer
59
views
How to get child div to stay above other child when window resized using Bootstrap or CSS
Currently, I have something like this when the window is in its full size:
PARENT
>>> CHILD DIV A (to the left)
>>> CHILD DIV B (to the right)
When the window is resized to a ...
7
votes
3
answers
5k
views
Force a line break inside the button's text when using small screens
I have a responsive web app that contains some buttons which are too large for small mobile screens. They have too much text in them so they end up going off the screen.
I am currently using the a tag ...