Bootstrap 3网格系统：第二列缺失时如何让第一列占满宽度？

当然可以！Bootstrap的网格系统（从v4开始基于Flexbox）自带了几种无需手动通过PHP判断调整列类的方法，完美解决你的需求：

方法1：使用row-cols类（推荐，最简洁） #

Bootstrap的row-cols-*类可以直接控制一行中默认显示的列数，自动适配列的存在与否：

<div class="row row-cols-lg-2">
  <div class="col">Some content here</div>
  <?php if($someThingIsTrue): ?>
  <div class="col">Other content here</div>
  <?php endif; ?>
</div>

• 原理：row-cols-lg-2指定在lg及以上屏幕尺寸下，每行最多显示2列。当第二列存在时，两列自动各占50%宽度；当第二列缺失时，仅剩的一列会自动占满整行（100%宽度）。
• 优势：代码最简洁，完全依赖Bootstrap原生布局规则，无需额外逻辑。

方法2：组合col与col-lg-6类 #

如果你想保留对列宽度的更细粒度控制，可以将基础列类col和响应式列类col-lg-6组合使用：

<div class="row">
  <div class="col col-lg-6">Some content here</div>
  <?php if($someThingIsTrue): ?>
  <div class="col-lg-6">Other content here</div>
  <?php endif; ?>
</div>

• 原理：基础类col会让列在任何没有指定响应式宽度的场景下自动占满可用空间。当第二列存在时，两个col-lg-6会在lg屏幕下各占50%；当第二列缺失时，第一列的col会接管，让它占满整行宽度。
• 注意：如果需要其他断点的适配（比如md），可以添加对应的类（如col-md-6），逻辑保持一致。

两种方法都完全符合你的要求：不需要通过PHP的if语句给第一列动态添加col-lg-12，纯靠Bootstrap自带类实现自适应。

内容的提问来源于stack exchange，提问作者Tigran Babajanyan