1
Я пытаюсь получить сетку, содержащую 4 столбца, но проводник не позволит мне отображать ее правильно. (Мне нужно, чтобы он работал в режиме совместимости)Bootstrap wrap сломанный в explorer 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>
EDIT: Описание изображения
какая версия IE вы используете? – Uday
Я использую Internet Explorer 11.576 –
На самом деле Приведенный выше код отлично подходит для меня – Uday