0

これは、Twitter の Bootstrap モーダルのベース HTML です。

<div id="editModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="modalLabel" aria-hidden="true">
    <form class="form-horizontal updater" data-type="undefined" data-id="undefined">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
            <h3 id="modalLabel">Edit Content</h3>
        </div>
        <div class="modal-body"></div>
        <div class="modal-footer">
            <button type="submit" class="btn btn-primary">
                <strong>Save Changes</strong>
            </button>
            <button class="btn" data-dismiss="modal" aria-hidden="true">Cancel</button>
        </div>
    </form>
</div>

私の Firebug が言うように、modalクラスには次のものがありますz-index: 1050。私はこのような要素を追加しようとしていました:

<div class="width: 1000px height: 200px; background: #f00; z-index: 9999;">hi there</div>

に:

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

しかし、うまくいきません。

では、これらすべての Bootstrap コンポーネントに対して要素を設定するにはどうすればよいでしょうか?

4

2 に答える 2

4

クラス属性 にインライン スタイルを指定しまし<div class="width: 1000px height: 200px; background: #f00; z-index: 9999;">hi there</div>た。属性classを に変更してみてくださいstyle。

于 2013-01-07T12:56:04.357 に答える