增加/更改Bootstrap3列大小？

Question

我连续三个col-md-4。

• 然后我用javascript
删除2列
• 现在该行还剩1列。
• 我想说这个 列，因为它应该在行中单独获得更多宽度 （或转换为col-md-7）。

代码：

.container
  .row
    .col-md-4#first 1. column
    .col-md-4#second 2. column
    .col-md-4#third 3. column

:javascript
  $("#first").remove();
  $("#third").remove();

我唯一的想法是复制列的内容，创建一个新列并在那里插入内容。那有更聪明的解决方案吗？

Answer 1

在杨的帮助下，我发现.removeClass和.addClass让这个专栏成长为一个动态的行为。

$("#second").removeClass("col-md-4").addClass("col-md-7");