html - 如何将 Bootstrap 模式设置为右下角？

Question

我正在尝试锁定窗口右下角的 Bootstrap 模式。

我有的是:

HTML

<div class="modal custom fade" id="trackModal" tabindex="-1" role="dialog" aria-labelledby="trackModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">

            <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h3 class="getlaid" id="trackModalLabel">Hello</h4>

            </div>

            <div class="modal-body">
            <p>TEST</p>
            </div>

            <div class="modal-footer">
                <div class="btnmodal" data-dismiss="modal">Close &#10006;</div>

            </div>
        </div>
    </div>
</div>

CSS

.modal.custom .modal-dialog {
    width:120%;
    position:fixed;
        bottom:0px;
        right:0px;
        margin:0px;

}

使用此代码块，我无法在窗口右下角显示模式，它一直显示在页面中间。这里有什么问题？

Answer 1

也许您打算使用 20% 而不是 120%？

.modal.custom .modal-dialog {
    width:20%;
    position:fixed;
    bottom:0;
    right:0;
    margin:0;
}

http://www.codeply.com/go/6GXNLGHyoW