aaa

107 阅读1分钟
<!-- 顶部导航 -->

<div class="container">
    <div class="row">
        <table class="table">

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

<!-- <a class="btn btn-primary" data-toggle="modal" href='#modal-id'>Trigger modal</a> -->
<div class="modal fade" id="modal-id">
    <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">添加文章</h4>
            </div>
            <div class="modal-body">
                
                <form action="#" method="POST" class="form-horizontal" role="form">
                    <div class="form-group">
                        <label for="title" class="col-sm-2 control-label">标题</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" id="title">
                        </div>
                    </div>    

                    <div class="form-group">
                        <label for="content" class="col-sm-2 control-label">正文</label>
                        <div class="col-sm-10">
                            <textarea cols="30" rows="5" class="form-control" id="content"></textarea>
                        </div>
                    </div>

                    <div class="form-group">
                        <label for="top" class="col-sm-2 control-label">置顶</label>
                        <div class="col-sm-10">
                            <input type="checkbox" class="form-control" id="top" style="width: 34px; height: 34px;">
                        </div>
                    </div>
                </form>
                
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                <button type="button" class="btn btn-primary">Save changes</button>
            </div>
        </div>
    </div>
</div>