使用了bootstrap網格系統的好處是很容易便實現了響應式布局，盒子可以根據設置的樣式，隨着屏幕的大小改變而自動改變寬度，但是也存在一個問題，那就是盒子的高度是由盒子的內容決定的，如果盒子里的內容不一樣，會導致盒子的高度不一致，這樣會使界面不太美觀，並且可能會影響后面的盒子。可能的界面如下：
然而，我想要的是一排盒子的高度一致，如果把盒子高度固定住，比如：height：500px；會導致屏幕大小變化時，盒子高度沒有隨着寬的改變而改變，所以我找到了另一個方法：
把盒子的高度設為0，利用padding撐起高度：
height: 0; padding:0 0 200% 0;
如上所示，如果把下padding設為200%，那么無論寬度如何變化，寬和高的比都是1:2，這樣你就可以隨自己需要設置寬和高的比例了，是不是覺得很方便呢。效果圖如下：
終於得到我想要的結果了。