webforms - 在 ASP.NET/ie8中,Twitter Bootstrap 3窗体水平不工作

  显示原文与译文双语对照的内容

我试图在 ASP.NET 中创建一个web窗体,它的左边的控件标签在输入控件的左边,但是它们是另一个 上面 。 建议使用html5shiv和 respond.js 。 这是我最新的尝试。 我们的公司标准是 mtf ( 我知道,我知道,不要让我) 。 如何使这里工作正常工作? 谢谢。


<div class="container"> <!-- for bootstrap -->
<div class="row"> <!-- for bootstrap -->
 <div class="form-horizontal" role="form">
 <div class="form-group">
 <label for="txtProfitShareYear" class="col-md-2 control-label">Profit Share Year</label>
 <div class="col-md-10">
 <input type="text" class="form-control" id="txtProfitShareYear" placeholder="rule year">
 </div>
 </div>
 <div class="form-group">
 <label for="txtCompanyID" class="col-md-2 control-label">Company ID</label>
 <div class="col-md-10">
 <input type="text" class="form-control" id="txtCompanyID" placeholder="rule year">
 </div>
 </div>
 <div class="form-group">
 <label for="txtMaxPayAmount" class="col-md-2 control-label">Max Pay Amount</label>
 <div class="col-md-10">
 <input type="text" class="form-control" id="txtMaxPayAmount" placeholder="deferral amount ratio">
 </div>
 </div>

 <div class="form-group">
 <div class="col-md-10">
 <button type="button" class="btn btn-default" id="btnModalSave">Save</button>
 </div>
 </div>
 </div>
</div> <!--/.row -->
</div> <!--/.container -->

这是我的整个头部部分。 如果我删除条件 CSS,它就可以。


<title>Medical Group 401k</title>

<link rel="stylesheet" type="text/css" href="Styles/bootstrap.min.css"/>
<link rel="stylesheet" type="text/css" media="screen" href="Styles/Site.css"/>
<link href="Styles/jquery.dataTables.min.css" rel="stylesheet"/>

<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- [if lt IE 9]>
 <script src="Scripts/html5shiv.min.js"></script>
 <script src="Scripts/Respond.min.js"></script> 
<![endif]-->

<script type="text/javascript" src="http://decisionsupport/WebLibrary/jquery/jquery-1.9.1.js"></script>
<script type="text/javascript" src="Scripts/bootstrap.min.js"></script>
<script type="text/javascript" src="Scripts/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="Scripts/Site.js"></script>

<style type="text/css">

</style>

@cvrebert: 是的,一个空间导致了voiceover只忽略条件 CSS 。 而不是这样:


<!-- [if lt IE 9]>

需要这样做: <!--[if lt IE 9]>

时间: 作者:

你好,你是否已经确认 respond.js的脚本调用在你的CSS ( 但是在HTML的头部部分,我最初发现了) 。

作者:

在这里找到我的答案 ,在CSS条件中增加了一个额外的@%^&* 空间,这一切都在上面。 你在开玩笑?

引用一个伟大的美国,"doh" !

感谢所有的人。

作者:
...