引导 如何清除引导列 最后一个孩子

Question

    <div class="row">
        <div class="testcontainer red  col-xs-6 col-sm-4 col-md-3">box 1</div>
        <div class="testcontainer green col-xs-6 col-sm-4 col-md-3">box 2</div>
        <div class="testcontainer blue col-xs-6 col-sm-4 col-md-3">box 3</div>
        <div class="testcontainer purple col-xs-6 col-sm-4 col-md-3">box 4</div>
    </div>
  <div class="row">
        <div class="testcontainer red  col-xs-6 col-sm-4 col-md-3">box 5</div>
        <div class="testcontainer green col-xs-6 col-sm-4 col-md-3">box 6</div>
        <div class="testcontainer blue col-xs-6 col-sm-4 col-md-3">box 7</div>
        <div class="testcontainer purple col-xs-6 col-sm-4 col-md-3">box 8</div>
    </div>

何时显示在平板电脑3列中如何清除最后一个孩子以删除正确的空间？查看平板电脑专栏

Answer 1

将所有列放在一行中...

<div class="row">
        <div class="testcontainer red  col-xs-6 col-sm-4 col-md-3">box 1</div>
        <div class="testcontainer green col-xs-6 col-sm-4 col-md-3">box 2</div>
        <div class="testcontainer blue col-xs-6 col-sm-4 col-md-3">box 3</div>
        <div class="testcontainer purple col-xs-6 col-sm-4 col-md-3">box 4</div>
        <div class="testcontainer red  col-xs-6 col-sm-4 col-md-3">box 5</div>
        <div class="testcontainer green col-xs-6 col-sm-4 col-md-3">box 6</div>
        <div class="testcontainer blue col-xs-6 col-sm-4 col-md-3">box 7</div>
        <div class="testcontainer purple col-xs-6 col-sm-4 col-md-3">box 8</div>
</div>

类似的问题：如何在调整大小时更改行中的列数 - 引导程序