使用html、css和bootstrap将图像添加到主页

我想在我的主页上的一行中添加两个图像，这是使用html css和bootstrap制作的，这些图像的大小应该是多少（以像素为单位）。请告诉我如何使这些图像具有响应性？任何帮助都将不胜感激。谢谢。

您应该选择一个合理的大小，这样文件就不会太大

然后使用bootstrap的

img responsive

类让他们做出响应

---

这里是指向的链接。

在HTML中创建两个分隔符，如：

<div class="row">
  <div class="col-md-6 myfirstimageclass"></div>
  <div class="col-md-6 mysecondimageclass"></div>
</div>

---

使用bootstrapor中的类“img responsive”以%为单位设置img大小。“这些图像的大小（以像素为单位）。”-这是一个意见问题。“如何使这些图像响应？”-这取决于您希望它们如何响应窗口大小的更改。

.myfirstimageclass{
     background-image:url(yourfirstimageurl);
     background-size:cover;
     height:300px;
}
.mysecondimageclass{
     background-image:url(yoursecondimageurl);
     background-size:cover;
     height:300px;
}