Bootstrap的modal组件使用

问题:弹出输入框之无法输内容
如题,当判断没有cookie之后弹出输入手机号码,然后屏幕变黑,输入框里输入不了手机号,submit也无法提交,这是怎么回事?
方法:1.引入的bootstrap的css版本不对:

 错误的:<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
 正确的:<link href="http://cdn.static.runoob.com/libs/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet">

方法二:你的div上有tabindex属性,去掉即可:

         <div class="modal fade" id="template-modal" tabindex="-1" role="dialog" aria-hidden="true">

猜你喜欢

转载自blog.csdn.net/Elliot_Ji/article/details/84846871