Skip to main content
The 2024 Developer Survey results are live! See the results

All Questions

0 votes
2 answers
867 views

How to constrain content to modal dialog width?

I have a long string of text in a modal dialog box, but the text does not wrap or stay inside the dialog. How can I fix this? Below is an image and my template for the dialog. <div class="...
user avatar
2 votes
0 answers
2k views

How to keep bootstrap modal at bottom of viewport for mobile - modal is bottom-right for desktop but stays top in mobile viewports

I am trying to display a bootstrap modal at bottom-right in desktop viewports and centered-bottom for mobile. I am using position:fixed and bottom: 0; which works for desktop viewports but my ...
user10958463's user avatar
1 vote
1 answer
857 views

Bootstrap modal non blocking body

I'm building a Floating button at the bottom right of my web page. When I click on the button I'm opening a modal and I show some pieces of information in it (next to the floating button like a chat-...
John's user avatar
  • 4,861
3 votes
1 answer
221 views

How make this modal responsive ? (IF i use tablet or other smartphone)

If I open it through a pc browser it will be responsive but when I change it to a tablet or smartphone view it does not become responsive, instead it becomes zoom (should zoom in if view). how to ...
Anggi alansori's user avatar
0 votes
2 answers
3k views

Text-overflow ellipsis in bootstrap modal

What I want to obtain is a very long textual content in the body of a Bootstrap modal, disposed on a single line and terminating with the ellipsis if longer than the modal width. <div class="modal-...
Michele Benolli's user avatar
0 votes
1 answer
506 views

Display text outside Bootstrap modal

I want to display some text (copyright) in the right corner (outside the modal) when a Bootstrap modal is opened. How to do that? (Sorry for my English, greethings from Germany ;-)
Pascal Gödeke's user avatar
7 votes
3 answers
27k views

how can i increase bootstrap modal height

I am simply trying to make a bootstrap modal display extremely tall on a iphone 5/6 device. I cannot get this to work for anything. I have tried increasing the height in the modal-content, as well ...
Vzupo's user avatar
  • 1,468
0 votes
1 answer
30 views

How to open bootstrap dialogue where the user click on the page

When user clicks on the page I am trying to set the bootstrap dialogue modal (dialogue of 250 width) at the clicked position on mousedown event! However my dialogue modal doesn't open at the clicked ...
seUser's user avatar
  • 1,103
0 votes
1 answer
442 views

Modal does opens but does not close?

I am having Issues with the modal, it opens on loading and does not respond to clicks to close it. Not sure what the Issue is. Attached is the code I have. How do I make the modal open as I click the ...
Eyad Abdalla's user avatar
2 votes
2 answers
3k views

Issues with image inside Bootstrap modal

http://codepen.io/anon/pen/jWGXKJ <a data-toggle="modal" href="#modal" class="btn btn-primary">Open</a> <div id="modal" class="modal modal-wide fade"> <div class="modal-dialog"&...
Gary In's user avatar
  • 717
1 vote
1 answer
548 views

bootstrap modal behind fade

Hi all! By now I'm several hours into finding and understanding why I have this bug. I'm working on a module for an open-source project based on Laraval and Bootstrap - Microweber(.com) You can ...
Yvo's user avatar
  • 17
-1 votes
2 answers
354 views

Bootstrap model covered by modal backdrop

I have simple html page to show bootstrap modal, however when I launch the model - it gets covered by modal backdrop, I checked the z- index of myModal - 1040 and that of modal backdrop is 1030 ...
Ira Dev's user avatar
0 votes
3 answers
3k views

How to hide content when a radio button is not checked and enable other content to be viewed

Basically i want to set up two radio buttons, one called 'Login' and the other called 'Register' When the 'Login' radio button is checked i want the login section to be shown only and vise versa for ...
Oliver Ketley's user avatar
0 votes
1 answer
3k views

Bootstrap 3.3 shows double scrollbars on modals

I am working with Bootstrap 3.3.1 modals and it was working perfectly until yesterday. I'm using some modal windows on my page. One of those modals is more long than the page. In a normal time, ...
Morgan Touverey Quilling's user avatar
30 votes
3 answers
57k views

Twitter Bootstrap 3 Modal with Scrollable Body

I am moving from Bootstrap 2 to Bootstrap 3. In the old version, I was using modals which had long content, and the modals automatically scrolled when a given max height was reached. In Bootstrap 3, ...
Vero's user avatar
  • 1,750

15 30 50 per page