如何实现如下图所示的布局？

Question

'布局1'是桌面版的布局。当像素高于992px时，它应该是这样的：

我已经创建了如图所示的布局，但为了在所有部分之间提供空间，我使用了margin-right属性。问题是，当我在css中给出margin-right属性时，第二部分会转到下一行并且不会表现为响应。没有它，该网站运行良好，并表现为响应。

Answer 1

最好的方法是使用：

1. Bootstrap网格系统。 http://getbootstrap.com/css/#grid

           or
   

2. css3弹性框。 http://www.w3schools.com/css/css3_flexbox.asp

这些帮助可以避免不必要的浮动。