1
Ich versuche, ein Rastersystem mit 4 Spalten zu erreichen, aber Explorer lässt mich nicht richtig rendern. (Ich brauche es in der Kompatibilitätsansicht zu arbeiten)bootstrap wrap in explorer v.11
Der Code funktioniert gut in Chrome und das Snippet unten. Irgendwelche Tipps, um dies in IE zu tun?
.centercontainer{
\t margin: 0px auto;
\t float: none;
\t margin-top: 1%;
\t border: 1px solid red;
}
.maincol{
\t border: 1px solid black;
}
\t
<!DOCTYPE html>
<html lang="en">
<head>
\t <meta name="viewport" content="widt=device-width, initial-scale=1">
\t <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
\t <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
\t <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
\t <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
</head>
<body>
<div class="container centercontainer" style="width: 960px">
\t <div class="row">
\t \t <div class="col-xs-3 text-center">hej</div>
\t \t <div class="col-xs-3 text-center">hej</div>
\t \t <div class="col-xs-3 text-center">hej</div>
\t \t <div class="col-xs-3 text-center">hej</div>
\t </div>
\t <div class="row">
\t \t <div class="col-xs-3 text-center">hej</div>
\t \t <div class="col-xs-3 text-center">hej</div>
\t \t <div class="col-xs-3 text-center">hej</div>
\t \t <div class="col-xs-3 text-center">hej</div>
\t </div>
</div>
</body>
</html>
EDIT: Bildbeschreibung
welche Version von IE verwenden Sie? – Uday
Ich benutze Internet Explorer 11.576 –
Eigentlich funktioniert der obige Code gut für mich – Uday