html - Bootstrap 最大 2 列 div 彼此相邻

Question

我要的是这个。当只有 1 个 div 时，它应该是 100% 宽度。当我添加一个 div 时，两个 div 必须是 50% 并且彼此相邻 float 。这是否可以通过 Bootstrap 、col-md-6 和 col-md-12 类来实现？

Answer 1

您需要在服务器端添加相关类或在客户端使用 javascript。使用相同的 html/css 是不可能的。

您的案例所需的 html 源是:

首先

<div class="row">
    <div class="col-md-12">Your content</div>
</div>

第二

<div class="row">
    <div class="col-md-6">Your content</div>
    <div class="col-md-6">Your content</div>
</div>