在IE8中使用bootstrap顯示網頁的問題？

-1

下面是一個在IE9和上述工作正常的代碼，但不是在IE8在IE8中使用bootstrap顯示網頁的問題？

<div class="col-lg-5 col-md-5 col-sm-6 col-xs-6" id="div1"> 
         <div class="panel panel-default" style="" id="panel1"> 
          <div class="panel-body" style="" id="panelbody1"> 
           <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3"> 
            <img src="img/Data Input.png" class="img-responsive" style="float:right;"/> 
           </div> 
           <div class="col-lg-9 col-md-9 col-sm-9 col-xs-9" style=""> 
            <button type="button" class="btn btn-default btn-xl1">Data Input Interface</button> 
            </div> 
          </div>  
          <div class="panel-body" style="" id="panelbody2"> 
           <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3"> 
            <img src="img/Dashboard.png" class="img-responsive" style="float:right;"/> 
           </div> 
           <div class="col-lg-9 col-md-9 col-sm-9 col-xs-9"> 
            <button type="button" class="btn btn-default btn-xl2">Dashboard</button> 
            </div> 
          </div>  
         </div> 


<!--CSS File --> 

<style> 
@media(min-width:1500px){ 


.btn-xl1 { 
     padding:40px; 
     font-size: 25px; 
     border-radius: 8px; 
     margin-left:20px; 
     color:green; 
     background-color:lightgrey; 
     width:100%; 

     } 

     .btn-xl2 { 

      padding: 40px; 
     font-size: 25px; 
     border-radius: 8px; 
     margin-left:20px; 
     color:green; 
     background-color:lightgrey; 
     width:100%; 
     } 

    .btn-xl1 img{width:60px;} 
    .btn-xl2 img{width:60px;}  
#panel1{width:70%;} 
#panelbody1{border:1px lightgrey solid; border-radius:10px;} 
#panelbody2{border:1px solid lightgrey; border-radius:10px; margin-top:10px;} 
#panelbody1 img{padding-top:10px;} 
#panelbody2 img{padding-top:30px;} 

} 
</style>

<link href="css/bootstrap.min.css" rel="stylesheet"> 
    <script type="text/javascript" src="js/jquery-1.11.1.min.js"></script> 
    <script src="js/bootstrap.min.js"></script> 


     <script type="text/javascript" src="js/respond.min.js"></script> 
     <script type="text/javascript" src="js/html5shiv.min.js"></script>

與IE8我面臨是按鈕，CSS，背景色的對準問題工作細等不能被看到，雖然我已經包括了所有必要的文件。有什麼問題？

來源

2014-10-01 shreyansh

你檢查過所有的警告和建議的README？：https://github.com/scottjehl/Respond/blob/master/README.md – cvrebert 2014-10-01 21:30:37

確保<script type="text/javascript" src="js/respond.min.js"></script>在全部正文內容之後被調用。
對於IE8及更低版本，您必須從服務器運行您的HTML腳本以避免由respond.js/respond.min.js引起的安全錯誤。如果你還沒有組織服務器，你可以通過localhost進行調試，這將解決你的問題。

進一步的信息可以看出here

來源

2014-10-01 09:53:52 Zze

我嘗試但不工作！ – shreyansh 2014-10-01 10:03:18

您是否嘗試過使用respond.js而不是respond.min.js？ – Zze 2014-10-01 10:55:58

是的，我嘗試過，但仍然無法正常工作。 – shreyansh 2014-10-06 03:36:36

在IE8中使用bootstrap顯示網頁的問題？

回答

相關問題