模态框闪退到你还看不到模态框的内容呢，就屏幕灰了一下就是
代码如下
<!--搜索注册条--> <div> <form role="Search"> <div> <input type="text" placeholder="Search"> <span>搜索</span> </div> <div> <button type="submit">登录</button> <button type="button">注销</button> <button data-toggle="modal" data-target="#myModal" >注册</button> <!--注册的模态框--> <div> <div> <div> <div> <button type="button" data-dismiss="modal">×</button> <h4>注册</h4> </div> <div> <div> <div> <label>手机号</label> <input type="text" placeholder="请输入您的手机号" /> </div> <div> <label>姓名</label> <input type="text" placeholder="请输入您的姓名" /> </div> <div> <label>邮箱</label> <input placeholder="请输入您的邮箱" /> <span>@qq.com</span> </div> <div> <label>性别</label> <label><input />男 </label> <label><input />女 </label> </div> <div> <div> <div> <span>注册信息提交中......</span> </div> </div> </div><!--body部分--> <div> <button>提交</button> <button data-dismiss="modal">关闭</button> </div> </div> </div> </div> <!--注册的模态框--> </div> </form> <!--搜索注册条--> </div>
最后把form改成nav就好了，但模态框的排版出现了问题
总结
以上所述是小编给大家介绍的BootStrap模态框闪退问题实例代码详解，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
您可能感兴趣的文章: