Html 配售Divs"；内联“；自举

我用的是Bootstrap，我很难把两个div放在一起。我试过显示：内联，这让它看起来更糟。我创建了一个div来保存它们，名为steven和leah，得到了相同的结果，但是如果使用特定类型的内联，例如inline flex，我会得到一个接近我想要的结果，但是它们太近了，使用时无法分开

如果这不够具体，我很抱歉，但是我没有注意到任何影响代码的事情

.steven-and-leah{
  display: inline;
}

.team-bx{
  width: 500px;
  height: 570px;
  margin-top: 80px;
  border: 5px solid #FFF;
  border-radius: 120px;
  padding: 20px 0px 20px 0px;
  overflow: hidden;
  background-color: #111924;
}

---

你试过这个吗。查看演示

.steven-and-leah > * {
    display: inline-block;
}

---

你试过这个吗。查看演示

.steven-and-leah > * {
    display: inline-block;
}

---

您在这里使用的引导错误。请记住，引导的力量在于它的网格

如果你想将两个div相邻放置，你只需对它们应用col-6即可（这是你想要瞄准的设备）。例如：

<div class="row">
<div class="col-md-6">div number one!</div>
<div class="col-md-6">div number two!</div>
</div>

第一组！
第二组！

这将自动将两个div放在彼此旁边，就好像它们是“内联”的一样，它们中的大部分都会自动响应

如果这不是你的问题，请重新解释

---

你可以在他们的网站上找到很好的例子

你在这里错误地使用了引导。请记住，引导的力量在于它的网格

如果你想将两个div相邻放置，你只需对它们应用col-6即可（这是你想要瞄准的设备）。例如：

<div class="row">
<div class="col-md-6">div number one!</div>
<div class="col-md-6">div number two!</div>
</div>

第一组！
第二组！

这将自动将两个div放在彼此旁边，就好像它们是“内联”的一样，它们中的大部分都会自动响应

如果这不是你的问题，请重新解释

---

你可以在他们的网站上找到很好的例子

为什么不使用bootstrap提供的网格系统？为什么不使用bootstrap提供的网格系统？谢谢，我想这可能是bootstrap公式中需要更改的部分。它工作得非常完美，这是一件显而易见的事情。谢谢，我想这可能是引导公式中需要改变的东西。它工作得非常完美，而且是一件显而易见的事情。