Twitter bootstrap 3 form-horizo​​ntal在ASP.NET w / IE8中不起作用

Question

我正在尝试在ASP.NET中创建一个Web表单，控件标签位于输入控件的左侧，但在IE8中，它们是一个在另一个之上。我按照建议使用html5shiv和respond.js。这是我最近的尝试。我们的企业标准是IE8（我知道，我知道，不要让我开始）。任何想法如何使这项工作？感谢。

<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：是的，那个空间导致IE8忽略条件CSS。 而不是：

<!-- [if lt IE 9]>

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

Answer 1

嗨，你确定脚本调用respond.js在你的CSS下面（但仍然在HTML的head部分，这最初引起了我的注意）。

Answer 2

找到我的答案here，CSS条件中额外的@％^＆amp; *空间将其全部搞砸了。你在跟我开玩笑吗？

引用一位伟大的美国人，“DOH！”

感谢所有回复的人。