Question

如何对两张图片进行分栏？

这是我的代码：

<div class="row">
  <div class="col-6"><img src="download.png" /></div>
  <div class="col-6"><img src="oroquieta-city.png" /></div>
</div>

Answer 1

您当前的代码在一行中并排提供两列（如果屏幕足够大以显示它）。为了确保图像始终彼此重叠，您可以添加第二个行，以便各行彼此堆叠。

<div class="row">
  <div class="col-6"><img src="download.png" /></div>
</div>
<div class="row">
  <div class="col-6"><img src="oroquieta-city.png" /></div>
</div>

Answer 2

请在我添加链接时添加引导文件链接或引导CDN链接。谢谢

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" />
<div class="row">
  <div class="col-6"><img src="download.png" /></div>
  <div class="col-6"><img src="oroquieta-city.png" /></div>
</div>

如何在同一列中显示两张图片？

2 个答案: