相关疑难解决方法(0)

我试图转移到新的boostrap 3网格,我面临一些困难.

1. 如何将网格堆叠在480px以下但不在480px和768px之间？
2. 在768px以上,第一个填充左边的填充和最后一个填充在容器外面,但是在768px以下,填充在容器内部,因此外观不同,因为内容不再与可能在上面的容器对齐.
3. 当网格堆栈填充保留但对我来说它应该为0.

欢迎任何帮助我使用下面的代码与bootstrap 3 RC1

    <div class="container" style="background-color: purple;">
container

</div>

<div class="container">
    <div class="row">
        <div style="background-color: red" class="col-4 col-sm-4 col-lg-4"><img data-src="holder.js/100%x200"></div>
        <div style="background-color: blue" class="col-4 col-sm-4 col-lg-4"><img data-src="holder.js/100%x200"></div>
        <div style="background-color: green" class="col-4 col-sm-4 col-lg-4"><img data-src="holder.js/100%x200"></div>
    </div>
</div>