1
4 열을 포함하는 그리드 시스템을 구현하려고하는데 익스플로러가 올바르게 렌더링하지 못합니다. (호환성보기에서 작동해야 함)부트 스트랩 랩이 익스플로러 v.11에서 깨졌습니다.
코드는 아래의 크롬 및 스 니펫에서 올바르게 작동합니다. IE에서이 작업을 수행하기위한 팁은 무엇입니까?
.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>
편집 : 이미지 설명
어떤 IE 버전을 사용하고 있습니까? – Uday
나는 인터넷 익스플로러를 사용하고있다. 11.576 –
실제로 위의 코드는 나에게 잘 작동한다. – Uday