bootstrap-modal

What's the tabindex attribute in Bootstrap 3 for? Its documentation doesn't say anything about them although they use them practically in all modals. I've only find this regarding its use, which doesn't really say much Accessible tooltips for keyboard and assistive technology users For users navigating with a keyboard, and in particular users of assistive technologies, you should only add tooltips to keyboard-focusable elements such as links, form controls, or any arbitrary element with a tabindex="0" attribute. And I found out I can't press esc to hide a modal if the tabindex attribute is not

I would like to center my modal on the viewport (middle) I tried to add some css properties .modal { position: fixed; top:50%; left:50%; } I'm using this example http://jsfiddle.net/rniemeyer/Wjjnd/ I tried $("#MyModal").modal('show').css( { 'margin-top': function () { return -($(this).height() / 2); }, 'margin-left': function () { return -($(this).width() / 2); } }) This does the job : http://jsfiddle.net/sRmLV/1140/ It uses a helper-div and some custom css. No javascript or jQuery required. HTML (based on Bootstrap's demo-code ) <button class="btn btn-primary btn-lg" data-toggle="modal" data

Demo and full code is like this : https://jsfiddle.net/xzxrp7nn/5/ My HTML code is like this : <div id="tes"> </div> <!-- Modal Currency--> <div class="modal fade" id="priceModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> </div> <div class="modal-body"> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> </div> </div> <!-- /.modal-content --> </div> <!-- /.modal-dialog --> </div> My Javascript code is like this :

I'm trying to get an input value passed via jquery and setting into a php variable, but I don't know how to do that. This button have the value that I want to send: <button type='button' data-a='".$fila['idPlaza']."' href='#editarUsuario' class='modalEditarUsuario btn btn-warning btn-xs' data-toggle='modal' data-backdrop='static' data-keyboard='false' title='Editar usuario'><img src='../images/edit.png' width='20px' height='20px'></button> Then I have this js code to send the value: $(document).on("click", ".modalEditarUsuario", function (e) { e.preventDefault(); var self = $(this); $("#a")

Hard to explain this. I had a simple working ng2-bootstrap modal example working. I expanded it to include Boostrap 4 Jumbotron example template for my home page, now the ng2-bootstrap modal does nothing. I can see the this.childModal.show() in child modal component is getting called on the button click, but nothing happens. No error in Chrome console and no modal shows. I have no idea what to do next :-/ // ============================================================================ // /src/app/app.module.ts import { BrowserModule } from '@angular/platform-browser'; import { NgModule } from '