2017-02-03 2 views
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?

Screenshot

.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

+0

welche Version von IE verwenden Sie? – Uday

+0

Ich benutze Internet Explorer 11.576 –

+0

Eigentlich funktioniert der obige Code gut für mich – Uday

Antwort

0

So was auch immer ich tue, kann ich diese Ansicht ohne Deaktivierung Kompatibilität nicht lösen. Dies behebt das Gitter zu 100%.

Verwandte Themen