javascript - Bootstrap tooltip showing behind modal window -
i have modal window consists div : <div class="input-group"> <div class="input-group-addon" title="insert here domain account name" data-toggle="tooltip" data-placement="left" id="account"> @html.label("domain account name", new { @class = "control-label" }) </div> <div class="a"> @html.textboxfor(model => model.login, new { @class = "form-control" }) @html.validationmessagefor(model => model.login) </div> </div> as can see, there tooltip on label. it's initalized code: $('#account').tooltip({ container: 'body' }); the code working, tooltip showing behind modal. tried setting z-index of tooltip this: .tooltip { z-index: 1151,!important; } or #account { z-index: 1151,!important; } but none of them worked. can suggest how should set css make tooltip s...