bootstrap点击模态框显示的时候，会出现element.style{padding-right:17px} 使得页面整体向左偏移的解决

当我们在使用bootstrap的时候，有时候会出现，直接点击bootstrap的模态框，这时候模态框显示出来，然后点击保存或者取消，这时候可能回出现，页面整体的偏移了一些像素，这个可以说是一个bootstrap的bug。

解决方案：

1、在要打开一个模态框的位置，定义一个id，例如  id=“myspan”

2、在代码中定义好一个模态框的代码；例如：

<div role="dialog" class="modal fade bs-example-modal-sm" id="myModal">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"> <span>&times;</span></button>
                <h4 class="modal-title">修改</h4>
            </div>         
        </div>
    </div>
</div>

3、在  初始化的时候加入

$(document).ready(function () {

    $("#myspan").click(function () {
    $("#myModal").modal("show");
    });

操作好之后就不会出现页面偏移的情况