Bootstrap modal

          <!-- modal  begin -->
                <div class="well">
                    <-- Button to trigger modal -->
                    <a href="#myModal" role="button" class="btn btn-inverse" data-toggle="modal">Launch demo modal</a>
                    <-- Modal -->
                </div>

                <!-- real modal -->    
                <div class="modal hide fade" id="myModal" tabindex="-1"    style="display: none;"
                    role="dialog" 
                    aria-labelledby="myModalLabel" 
                    aria-hidden="true">
                    
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                        <h3 id="myModalLabel">Modal header</h3>
                    </div>
                    
                    <div class="modal-body">
                        <form class="form-horizontal">
                            <div class="control-group">
                                <label class="control-label" for="inputEmail">Email</label>
                                <div class="controls">
                                    <input type="text" id="inputEmail" placeholder="Email">
                                </div>
                            </div>
                            <div class="control-group">
                                <label class="control-label" for="inputPassword">Password</label>
                                <div class="controls">
                                    <input type="password" id="inputPassword" placeholder="Password">
                                </div>
                            </div>
                            <div class="control-group">
                                <div class="controls">
                                    <label class="checkbox"> <input type="checkbox">Remember me </label>
                                    <button type="submit" class="btn">Sign in</button>
                                </div>
                            </div>
                        </form>
                    </div>
                    
                    <div class="modal-footer">
                        <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
                        <button id="someBtn" class="btn btn-primary">Save changes</button>
                    </div>
                    
                </div>
                <!-- modal  end-->

 

posted @ 2012-11-04 15:46  Onakaumi  阅读(393)  评论(0编辑  收藏  举报