列在Bootstrap 3和Bootstrap 4中都不起作用
我正在尝试使用bootstrap ( 3.3.6和4.0.0-alpha.6版)列来设置一个新的内部网页，但由于某些原因，它们没有出现在Internet Explorer11(公司规定的)中。文本不是列，而是垂直堆叠(请参见示例)。
我已经尝试了从复杂的代码到这个问题的简单代码的所有方法。没有一样东西起作用。我还查看了我能在上面找到的每一个网页，同样，没有任何东西起作用。我也尝试过使用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
变量变量
回答 3
Stack Overflow用户
发布于 2019-05-31 00:56:07
Bootstrap Grid系统允许一个页面上有12列。为了避免单独使用所有12列，我们可以根据需要将列拆分成子列。但是，我们需要确保子列的总和始终为12，并且永远不会超过12，否则内容将切换到下一行。因此，根据上面的概念对您的代码进行适当的更改，除此之外，为了在IE11中支持网格系统，请考虑包括以下标记：
<meta http-equiv="X-UA-Compatible" content="IE=edge">要进一步了解网格系统，请访问以下链接：https://www.w3schools.com/bootstrap/bootstrap_grid_system.asp
Stack Overflow用户
发布于 2019-06-07 03:36:54
孩子，我的脸是红的..。
我关闭了浏览器，清除了缓存，然后又回到...它运行得很好。
生活和学习..。很抱歉浪费了你的时间。
Stack Overflow用户
发布于 2019-05-31 00:35:43
<div class="col-lg-12">
<div class="row">
<div class="col-lg-3">Column 1-a</div>
<div class="col-lg-3">Column 1-b</div>
<div class="col-lg-3">Column 1-b</div>
<div class="col-lg-3">Column 1-b</div>
</div>
</div>https://stackoverflow.com/questions/56382145
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号