Bootstrap for IE8

我正在嘗試爲IE-8瀏覽器使用Bootstrap CSS。Bootstrap for IE8

<!DOCTYPE html> 
<html> 
    <head> 
    <meta charset="utf-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <link rel="stylesheet" href="css/bootstrap.css"> 
    <link rel="stylesheet" href="css/main.css"> 
    </head> 
    <body> 
    <div class="container"> 
     <div class="col-md-12"> 
      <div class="col-md-6">Hello</div> 
      <div class="col-md-6">Sandy</div> 
     </div> 
    </div> 
    </body> 
</html>

但我看不到兩個div在彼此相鄰的容器內。這將在相鄰的列，所以可能引導CSS不工作在這裏。

我沒有使用媒體查詢，所以也許這裏不需要respond.js。如何使它在IE-8中工作？

來源

2015-04-24 Ejaz

不確定它會「工作」，因爲IE8出來比引導早得多。如果有任何問題，您可能需要檢查兼容性庫。 –

@AdamT：我在這裏閱讀：[link]（http://getbootstrap.com/getting-started/#support），它適用於IE-8 – Ejaz

想知道爲什麼div class =沒有用'col- md-6'和col-md-12 –

我相信你需要把你的列放入一排。

<div class="container"> 
    <div class="row"> 
    <div class="col-md-12"> 
     <div class="col-md-6">Hello</div> 
     <div class="col-md-6">Sandy</div> 
    </div> 
    </div> 
</div>

來源

2015-04-24 19:20:44 Kighted

它沒有太大區別。一行也有12列。 – Ejaz

列需要成行。（http://getbootstrap.com/css/#grid-example-basic） – Kighted

回答

相關問題