html - 连续 2 列图像的引导 CSS 不起作用
问题描述
ASP.NET
所有图像都以四行显示一个到另一个(即)。
但我希望连续看到两张图片(每行 2 列)。
<div class="container">
<div class="row">
<div class="col-md-6">
<img src="Images/1st.jpg" width="50%" height="100%" alt="...">
</div>
<div class="col-md-6">
<img src="Images/1st.jpg" width="50%" height="100%" alt="...">
</div>
</div>
<div class="row">
<div class="col-md-6">
<img src="Images/1st.jpg" width="50%" height="100%" alt="...">
</div>
<div class="col-md-6">
<img src="Images/1st.jpg" width="50%" height="100%" alt="...">
</div>
</div>
</div>
不知道我做错了什么。
解决方案
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
<div class="row">
<div class="col-md-6">
<img class="HeightAdjustment" src="Images/1st.jpg" alt="..."><br>
</div>
<div class="col-md-6">
<img class="HeightAdjustment" src="Images/1st.jpg" alt="..."><br>
</div>
</div>
<div class="row">
<div class="col-md-6">
<img class="HeightAdjustment" src="Images/1st.jpg" alt="..."><br>
</div>
<div class="col-md-6">
<img class="HeightAdjustment" src="Images/1st.jpg" alt="..."><br>
</div>
</div>
</div>
</body>
</html>
推荐阅读
- yum - 在 Centos 8.1 上使用 Yum DNF 时出错 无法下载 repo 'AppStream' 的元数据
- excel - 从表中复制一个值并打印
- asp.net - asp.net core razor 页面模型公共列表变量在发布后重置为空,而字符串变量不重置
- python - 尝试创建一个循环以将变量从一个数组添加到另一个数组
- visual-studio-code - 将 VSCode 设置从一台 Mac 完全转移到另一台
- python - 使用 If vs If else 列出理解
- node.js - 即使凭据正确,Mongo 连接 URL 在 Github Actions CI 中也会失败
- typescript - 在类型检查之前转换打字稿
- python-3.x - 如何在 Ubuntu - 20.04 中从源代码 Tensorflow Serving 构建?
- python - 从 3d 曲面图中获取 2d 等高线图