Я пытаюсь настроить новую внутреннюю веб-страницу, используя столбцы начальной загрузки (обе версии 3.3.6 и 4.0.0-alpha.6), но по какой-то причине они не отображаются в Internet Explorer 11 (компания-mandated).Вместо столбцов текст располагается вертикально (см. Примеры).
Я перепробовал все, от сложного кода до простого кода, который я прикрепил к этому вопросу.Ничего не сработало.Я также просмотрел каждую веб-страницу, которую смог найти на этом сайте, и аналогично ничего не помогло.Я также попытался использовать размеры столбцов xs, sm, md, lg и xl, и они не имеют никакого значения.
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link href="css/bootstrap.min.css" rel="stylesheet" />
<link href="css/style.css" rel="stylesheet" />
<script src="js/bootstrap.min.js"></script>
<title>Test 4</title>
</head>
<body>
<div class="container-fluid">
<div class="row">
<div class="col-lg-4">lg-4</div>
<div class="col-lg-4">lg-4</div>
</div>
<div class="row">
<div class="col-lg-3">lg-3</div>
<div class="col-lg-3">lg-3</div>
<div class="col-lg-3">lg-3</div>
</div>
<div class="container">
<div class="row">
<div class="col-3">variable</div>
<div class="col-3">variable</div>
<div class="col-3">variable</div>
</div>
</div>
Приведенный выше код приводит к:
lg-4
LG-4
LG-3
LG-3
LG-3
переменная
переменная
переменная
Вместо:
lg-4 lg-4 lg-3 lg-3 lg-3
переменная переменная переменная