CODEWITHSUNDEEP
jqueryhtmltwitter-bootstraptwitter-bootstrap-3
Manjay_TBAG
Manjay_TBAG

Reputation: 2245

Bootstrap 3 updates shakes UI when a Bootstrap dialog opens or closes. How can I get rid of this behavior?

I have observed when bootstrap dialog opens, body tag of html gets following css.

<body class="modal-open" style="padding-right: 17px;">

I think this is causing the UI to shake. How can I get rid of this weird behavior. I have created fiddle. But this issue is not produced there. But in my local environment I am able to reproduce this. JSFiddle

Upvotes: 6

Views: 1698

Answers (2)

Manjay_TBAG
Manjay_TBAG

Reputation: 2245

I fixed issue by 

body.modal-open {
padding-right: 0px !important;
overflow-y: auto;
}

Upvotes: 1

AndrewL64
AndrewL64

Reputation: 16311

Just add this to your css:

.modal-open {
  padding-right: 0px !important;
}

Upvotes: 3

Related Questions