将两个 div 与 bootstrap 4 并排放置的最佳方法是什么 [关闭]答案

【问题标题】：What is the best way put two div side by side with bootstrap 4 [closed]将两个 div 与 bootstrap 4 并排放置的最佳方法是什么 [关闭]
【发布时间】：2019-12-15 13:21:15
【问题描述】：

我在 stackoverflow 上阅读了一篇关于如何将两个 div 并排放置的帖子。他们提出了两种不同的技术，我想知道最好的方法。您可以阅读帖子here。我试图自己寻找是否有其他解决方案，因为它们对我来说有点奇怪。我找到了第三种解决方案。

有人对将两个 div 并排放置的最佳方式有任何想法吗？

这是我找到的三个解决方案。

解决方案 1

<div class="container">
    <div class="row">
        <div class="col-xs-6">
            ONE
        </div>
        <div class="col-xs-6">
            TWO
        </div>
    </div>
</div>

解决方案 2

<table class="table table-condensed">
 <td class="active">Place image here</td>
 <td class="success">Place text here</td>
</table>

解决方案 3

<div class="d-inline-block">one</div>
<div class="d-inline-block">two</div>

编辑：我可能需要多解释一点我的问题。我想做一张标题左侧有标题的引导卡，右侧有一些操作按钮。使用第三种解决方案，我最终得到了这样的结果。

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" integrity="sha384-/Y6pD6FV/Vv2HJnA6t+vslU6fwYXjCFtcEpHbNJ0lyAFsXTsjBbfaDjzALeQsN6M" crossorigin="anonymous">
<div class="card">
  <div class="card-header">
    <h3 class="card-title d-inline-block">title</h3>
    <div class="float-right d-inline-block">
      <button type="button" class="btn btn-sm btn-primary">action</button>
    </div>
  </div>
  <div class="card-body">
    <span>body</span>
  </div>
</div>

这是做这种事情的好方法，还是有更好的方法？例如第一个解决方案，很多人都说这是最好的解决方案。

我正在学习引导程序，我真的很想了解有关最佳实践的更多信息。因此，我也有兴趣了解每种解决方案，在哪种情况下最好使用一种解决方案而不是另一种解决方案。

感谢您分享您的知识并抽出时间回答这个问题。

【问题讨论】：

这取决于您要达到的目标。
我编辑我的帖子更准确，感谢您的帮助。

标签： html twitter-bootstrap

【解决方案1】：

我建议您使用第一个解决方案，因为它是 Bootstrap 网格的使用方式。

你可以找到更多关于它的信息here

在“它的工作原理”部分下，您有一组规则/指南，您可以在使用 Bootstrap 网格时参考这些规则/指南，以便您以正确的顺序获取每个标签/类名。

在页面下方，您会发现许多其他有用的信息和示例，说明如何使用 Bootstrap 网格以及如何正确使用它。

【讨论】：

【解决方案2】：

我很确定最佳做法是解决方案 1，因为这是引导示例之一。

它也适用于响应式设计。

【讨论】：