[Bootstrap] :: Bootstrap Modal Styling for header.

Bootstrap modal를 그대로 사용해도 나름 깔끔하지만 Header부분에 상황에 따라서 색상으로 표현을 해주고 싶어서 CSS로 적용한것을 남겨두려 한다.

CSS file

.modal-primary-header {

    color: #fff;

    background-color: #337ab7;

    border-color: #2e6da4;

    border-top-left-radius: 5px;

    border-top-right-radius: 5px;

}

HTML File

<!-- Modal -->
    <div class="modal fade" id="confirmModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header modal-primary-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                        <h4 class="modal-title" id="myModalLabel"><span class="glyphicon glyphicon-info-sign"></span> Purchase Order</h4>
                       </div>
                    <div class="modal-body">
                        <label>Are you sure?</label>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-success">OK</button>
                        <button type="button" class="btn btn-danger" data-dismiss="modal" aria-hidden="true">Cancel</button>
                    </div>
                </div>
                    <!-- /.modal-content -->
            </div>
        <!-- /.modal-dialog -->
    </div>
    <!-- /.modal -->

출력화면