Alexander
Alexander

Reputation: 691

Change parameters of the bootstrap modal window

I'm new in web. This is my bootstrap modal window:

<div id="dialog" 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">&times;</button>
                <h4 class="modal-title">Message</h4>
            </div>
            <div class="modal-body">
                <p>@Html.TextArea("commentForDecline")</p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                <button title="Ok" class="btn btn-primary ok-request">Save changes</button>
            </div>
        </div>
    </div>
</div>

This is a picture: enter image description here How I can change some parameters of this window? I need to put buttons to the left side of the window (under the text area).

Upvotes: 0

Views: 166

Answers (1)

Ted
Ted

Reputation: 14927

This CSS will left align the buttons for you:

.modal-footer{
    text-align:left;
}

Upvotes: 1

Related Questions