Bootstrap包装器div不会说明子div

Question

我想要一个2列布局，每个奇数行都有不同的颜色。

        <?php
            $line = "even";
            foreach($number as $key => $value){
                $line = ($line == "even")? "odd" : "even";
        ?>
            <div class="col-md-12 <?php echo $line ?>">
                    <div class='col-sm-11 no_padding pat-info'><h5><?php echo $key ?></h5></div>
                    <div class='col-sm-1 no_padding pat-info '><h5><?php echo $value ?></h5></div>
            </div>
        <?php } ?>

我认为这里的逻辑很好，但造型和Bootstrap让我感到难过。

这就是我得到的

包装器col-md-12 div在顶部被压扁，其内容显示应该如此。

为什么会这样？