将Div“内联”放置在 Bootstrap 中

6g8kf2rb 于 2022-12-07 发布在 Bootstrap

关注(0)|答案(3)|浏览(147)

我正在使用Bootstrap，但无法将两个div放在一起。我已尝试display：我创建了一个div来保存它们，名为steven-and-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;
}

twitter-bootstrap

来源：https://stackoverflow.com/questions/41259224/placing-divs-inline-in-bootstrap

3条答案

按热度按时间

x33g5p2x1#

你在这里使用了错误的引导。记住引导的力量是在它的网格上。
如果你想把两个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彼此相邻，就像他们是“内联”，与巨大的加号，他们是自动响应。
如果这不是你的问题，请重新组织。
您可以在他们的入门网站中找到很好的示例

赞(0）回复(0）举报 2022-12-07

piztneat2#

你试过这个吗？看看演示

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

Demo

赞(0）回复(0）举报 2022-12-07

n8ghc7c13#

如果你有特定的模式，你最好使用网格系统（正如Obed提到的）。但是如果你想有一点自由，使用d-inline

<div class="d-inline p-2 bg-primary">box1</div>
<div class="d-inline p-2 bg-dark">box2</div>

您应该自行管理间距和对齐方式，并且不应该使用class=“row”div来 Package div，以使d-inline生效。

赞(0）回复(0）举报 2022-12-07

我来回答

将Div“内联”放置在 Bootstrap 中

3条答案

相关问题

热门标签

最新问答