bootstrap列网格出现在一个列中

Question

我在bootstrap 4中创建了一个简单的页面。我想要在同一行中显示三个包。我已经正确放置了我的内容并确保所有div都正确关闭。下面的列将会出现。我希望他们在同一排。这是Plunker Link。谢谢。 [plnkr_preview] [1]

[1]: https://plnkr.co/edit/RxM568gMJI1kFAYkv8Br?p=preview

Answer 1

您似乎无法正确理解引导网格。如果您将第30行编辑为

<div class="row"><a href="#tab3" aria-controls="home" role="tab" data-toggle="tab">

将col-md-12更改为row将解决您的问题。

注意：

你应该在col-md-*内包裹row，最多可加12个。如果没有col-md-*，将col-md-*直接包裹在另一个row内并不是一个好方法。在进一步将布局拆分为另一列之前，应始终先将row包裹在内。