2 div 在引导程序中彼此相邻

Question

我正在尝试使用 Bootstrap 显示彼此相邻的两个 div，但它们之间有一段距离。我怎样才能将它们并排放置。

代码：

 <div class="col-lg-8 col-lg-offset-2 centered">
    <div style="float: left; border: 1px solid; width: 227px; height: 50px;"></div>
    <div style="float: right; border: 1px solid;width: 227px; height: 50px;"></div>
</div>

图片说明：

原文由 user3423384 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

查看 Bootstrap 中的 网格。

你可以这样做：

 <div class="row">
    <div class="col-xs-6">div 1</div>
    <div class="col-xs-6">div 2</div>
</div>

原文由 lschlessinger 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

添加到 Lschessinger 的答案中，您可以使用 offset 来使块居中。在 抵消列 下查看 此处

也许这就是您要找的？

 <style>
    .border {border: 1px solid #CCC;}
</style>

<div class="row">
    <div class="col-xs-2 border col-xs-offset-4">div 1</div>
    <div class="col-xs-2 border">div 2</div>
</div>

或者，如果您必须坚持使用内联样式和特定宽度的代码，那么也许可以这样，您可以通过将宽度从 454px 增加到 464px 来增加 10px 的间隙，依此类推：

 <div class="col-lg-12">
  <div style="width: 454px;" class="center-block">
    <div style="border: 1px solid; width: 227px; height: 50px;" class="pull-left"></div>
    <div style="border: 1px solid; width: 227px; height: 50px;" class="pull-right"></div>
  </div>
</div>

原文由 user115014 发布，翻译遵循 CC BY-SA 3.0 许可协议