• 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏吧

Bootstrap 3 Horizo​​ntal Form/IE8支持

forms 来源:Johann 6次浏览

所以我正在使用Bootstrap 3的网站上工作。这个网站需要在IE8中正确渲染(是的,我知道)。我现在正在制作一个水平表单。使用Bootstrap文档提供的代码:Bootstrap 3 Horizo​​ntal Form/IE8支持

<form class="form-horizontal" role="form"> 
    <div class="form-group"> 
    <label for="inputEmail1" class="col-lg-2 control-label">Email</label> 
    <div class="col-lg-10"> 
    <input type="email" class="form-control" id="inputEmail1" placeholder="Email"> 
    </div> 
    </div> 
<div class="form-group"> 
<label for="inputPassword1" class="col-lg-2 control-label">Password</label> 
<div class="col-lg-10"> 
    <input type="password" class="form-control" id="inputPassword1" placeholder="Password"> 
</div> 
</div> 
<div class="form-group"> 
<div class="col-lg-offset-2 col-lg-10"> 
    <div class="checkbox"> 
    <label> 
     <input type="checkbox"> Remember me 
    </label> 
    </div> 
</div> 
</div> 
<div class="form-group"> 
<div class="col-lg-offset-2 col-lg-10"> 
    <button type="submit" class="btn btn-default">Sign in</button> 
</div> 
</div> 
</form> 

并注意到它在IE8中无法正常显示。即使是将文档的URL:

http://getbootstrap.com/css/#forms-horizontal

不IE8正常显示。

enter image description here

我必须写在一个特定格式的形式,以使它们在IE8的工作?

谢谢!


===========解决方案如下:

看看这里的解释:IE8 issue with Twitter Bootstrap 3

你需要respond.js添加到您的网站IE8来处理媒体查询。 https://github.com/scottjehl/Respond

这里更多:http://getbootstrap.com/getting-started/#browsers


版权声明:本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系管理员进行删除。
喜欢 (0)