模態框閃退到你還看不到模態框的內容呢,就屏幕灰了一下就是
代碼如下
<!--搜索注冊條--> <div class="container-fluid"> <form class="navbar-form navbar-center" role="Search"> <div class="form-group text-center col-sm-4"> <input type="text" class="form-control" placeholder="Search"> <span class="input-group-addon">搜索</span> </div> <div class="container"> <button type="submit" class="btn-info">登錄</button> <button type="button" class="btn-danger">注銷</button> <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal" >注冊</button> <!--注冊的模態框--> <div class="modal fade" id="myModal"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal">×</button> <h4 class="modal-title">注冊</h4> </div> <div class="modal-body"> <div class="container"> <div class="input-group"> <label>手機號</label> <input type="text" class="form-control" placeholder="請輸入您的手機號" /> </div> <div class="input-group"> <label>姓名</label> <input type="text" class="form-control" placeholder="請輸入您的姓名" /> </div> <div class="input-group"> <label>郵箱</label> <input class="text" class="form-control" placeholder="請輸入您的郵箱" /> <span class="input-group-addon">@qq.com</span> </div> <div class="input-group"> <label>性別</label> <label class="radio-inline"><input class="radio" />男 </label> <label class="radio-inline"><input class="radio" />女 </label> </div> <div class="input-group"> <div class="progress"> <div class="progress-bar" style="width: 50px;"> <span class="sr-only">注冊信息提交中......</span> </div> </div> </div><!--body部分--> <div class="modal-footer"> <button class="btn btn-primary">提交</button> <button class="btn btn-default" data-dismiss="modal">關閉</button> </div> </div> </div> </div> <!--注冊的模態框--> </div> </form> <!--搜索注冊條--> </div>
最后把form改成nav就好了,但模態框的排版出現了問題
總結
以上所述是小編給大家介紹的BootStrap模態框閃退問題實例代碼詳解,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對武林網網站的支持!
新聞熱點
疑難解答