webforms - Twitter bootstrap 3 form-horizontal not working in ASP.NET w/IE8 -
webforms - Twitter bootstrap 3 form-horizontal not working in ASP.NET w/IE8 -
i trying create web form in asp.net command labels left of input controls, in ie8 1 above other. using html5shiv , respond.js recommended. latest attempt. our corporate standard ie8 (i know, know, don't me started). ideas how create work? thanks.
<div class="container"> <!-- bootstrap --> <div class="row"> <!-- 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 -->
here's entire head section. if remove conditional css, works.
<title>medical grouping 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 , respond.js ie8 back upwards of html5 elements , 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: yes, 1 space caused ie8 ignore conditional css. instead of this:
<!-- [if lt ie 9]>
needs this: <!--[if lt ie 9]>
hi have made sure script phone call respond.js bellow css (but still in head section of html caught me out initially).
asp.net webforms twitter-bootstrap-3
Comments
Post a Comment