bootstrap 模态框 调整成这样子

Question

1.距离顶部的距离
2.绿色能够产生margin 外面框的效果么

还有就是底部的空白如何取消

<div class="modal fade m_success" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel">
    <div class="modal-dialog modal-sm" role="document">
        <div class="modal-content">
            <div class="alert alert-success text-center"></div>
        </div>
    </div>
</div>

Answer 1

下面的边距是 .alert引起的：

   .m_success  .alert{
      margin-bottom: 0;
    }

距离顶部的距离可以通过top更改,本身modal-content是relative定位的：

    .m_success  .modal-content{
      border-color:#d6e9c6;
      box-shadow: 0 0 0;
      top:200px;
    }

绿色能够产生margin 外面框的效果么

上面这个问题 不清楚你想表达什么

Answer 2

1
bootstrap的模态框距离顶部的位置，是由.modal-dialog的margin样式控制的。
.modal-dialog的margin样式在不同屏幕尺寸下，margin的值不同，修改时要都修改。

2
绿色部分的margin不能产生外边框效果。
具体想要产生外边框效果，可以修改.modal-content的具体样式来达到外边框的效果。

3
你说的底部的白色应该是另一个div的样式了。bootstrap模态框内部的完整结构是这样的。

<div class="modal-content">
    <div class="modal-header"></div>
    <div class="modal-body"></div>
    <div class="modal-footer"></div>
</div>

你的空白应该是这里面的其中一个，因为你发的是图片，所以你只能自己判断是哪个div了。

附上我用bootstrap 4 beta版做的页面，你可以参考一下（www.jzeg.org）。
部分结构和bootstrap 3系列不兼容。