If using JavaScript then: $(‘#myModal’).modal({ backdrop: ‘static’, keyboard: false }) in case of ‘show’ $(‘#myModal’).modal({backdrop: ‘static’, keyboard: false}, ‘show’); or in HTML: <a data-controls-modal=”your_div_id” data-backdrop=”static” data-keyboard=”false” href=”#”>
On Options chapter, in the page you linked, you can see the backdrop option. Passing this option with value ‘static’ will prevent closing the modal. As @PedroVagner pointed on comments, you also can pass {keyboard: false} to prevent closing the modal by pressing Esc. If you opening the modal by js use: $(‘#myModal’).modal({backdrop: ‘static’, keyboard: … Read more
I believe you want to set the backdrop value to static. If you want to avoid the window to close when using the Esc key, you have to set another value. Example: <a data-controls-modal=”your_div_id” data-backdrop=”static” data-keyboard=”false” href=”#”> OR if you are using JavaScript: $(‘#myModal’).modal({ backdrop: ‘static’, keyboard: false });
Updated 2020… Bootstrap 5 In Bootstrap 5 (alpha) there is a new -xxl- size: col-* – 0 (xs) col-sm-* – 576px col-md-* – 768px col-lg-* – 992px col-xl-* – 1200px col-xxl-* – 1400px Bootstrap 5 Grid Demo Bootstrap 4 In Bootstrap 4 there is a new -xl- size, see this demo. Also the -xs- infix … Read more
2021 Update Bootstrap 5 (beta) Bootstrap 5 also has a flexbox Navbar, and introduces new RTL support. For this reason the concept of “left” and “right” has been replaced with “start” and “end”. Therefore the margin utilities changed for Bootstrap 5 beta: ml-auto => ms-auto mr-auto => me-auto Also note that data-toggle and data-target have … Read more
This is for Text Centering (which is what the question was about) For other types of content, see Flavien’s answer. Update: Bootstrap 2.3.0+ Answer The original answer was for an early version of bootstrap. As of bootstrap 2.3.0, you can simply give the div the class .text-center. Original Answer (pre 2.3.0) You need to define … Read more
Bootstrap 3 & 4 $(‘#myModal’).on(‘hidden.bs.modal’, function () { // do something… }); Bootstrap 3: getbootstrap.com/javascript/#modals-events Bootstrap 4: getbootstrap.com/docs/4.1/components/modal/#events Bootstrap 2.3.2 $(‘#myModal’).on(‘hidden’, function () { // do something… }); See getbootstrap.com/2.3.2/javascript.html#modals → Events
I think you can make this work using jQuery’s .on event handler. Here’s a fiddle you can test; just make sure to expand the HTML frame in the fiddle as much as possible so you can view the modal. http://jsfiddle.net/8c05pn1f/ HTML <p>Link 1</p> <a data-toggle=”modal” data-id=”ISBN564541″ title=”Add this item” class=”open-AddBookDialog btn btn-primary” href=”#addBookDialog”>test</a> <p> </p> <p>Link … Read more
Here’s a solution for Bootstrap 3, 4, and 5. To make a functional file input control that looks like a button, you only need HTML: HTML <label class=”btn btn-default”> Browse <input type=”file” hidden> </label> This works in all modern browsers, including IE9+. If you need support for old IE as well, please use the legacy … Read more
For Bootstrap 4.0: In Bootstrap 4.0.0 you cannot use the col-* classes reliably (works in Firefox, but not in Chrome). You need to use OhadR’s answer: <tr> <th style=”width: 16.66%”>Col 1</th> <th style=”width: 25%”>Col 2</th> <th style=”width: 50%”>Col 4</th> <th style=”width: 8.33%”>Col 5</th> </tr> For Bootstrap 3.0: With twitter bootstrap 3 use: class=”col-md-*” where * … Read more