javascript - 你如何改变模态按钮的位置

Question

我想不通。我正在为我的网站使用 Bootstrap 模式，我想更改按钮的位置，而不是对话框。无论我更改什么，它都会卡在页面左侧。这是我在索引中的内容

<!-- Button trigger modal -->
    <button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">Create Event</button>

我如何在页面上移动它？

Answer 1

另一种使用顶部、底部、左侧和右侧 css 属性的方法。这是一些documentation解释他们。这是一个 jsfiddle http://jsfiddle.net/gV6y8/84/我编辑了移动模式按钮。希望对您有所帮助。

这是 fiddle 里面的代码:

html:

    <a id="modalbutton" data-toggle="modal" href="#defaultModal" class="btn btn-primary btn-large">Default Modal</a>
    <br>

    <div id="defaultModal" class="modal fade">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">x</button>
                    <h4 id="modal-label">Example Without Pull Right Modal</h4>
                </div>
                <div class="modal-body">
                    <form>
                        <textarea class="form-control" rows="3"></textarea>
                        <button type="submit" class="btn btn-success">Submit</button>
                    </form>
                </div>
            </div> <!--modal-content-->
        </div> <!--modal-dialog-->
    </div> <!--modal-->

CSS:

    #modalbutton{
        position:absolute;
        bottom:100px;
        left: 400px;
    }