Neat 2.x中的全寬50/50佈局？

Question

我試圖使用Bourbon Neat 2.x來實現50/50的面板佈局，其中左側面板將具有背景顏色，但網格邊距會導致我出現一些問題。

我最初只有標準grid-container作爲父母，兩個div使用@include grid-column(6) mixin。麻煩的是，在網格的左側和右側留下一個邊緣，所以50％的背景色面板不起作用。

然後我嘗試添加grid-collapse mixin試圖擺脫邊距（codepen example），但這似乎具有使頁面> 100％寬度的效果，從而導致用戶的水平滾動。

有沒有簡單的方法來實現這種佈局，或者我應該使用定製網格定義的面板沒有邊距呢？

Answer 1

整齊可以覆蓋這個用例，但它需要稍微多一點的html。訣竅是grid-collapse（在你的例子中爲.container）的對象需要用width: 100%; overflow: hidden;來包裝它。

這裏是一個問題，還回答的這個→Remove outside gutters in Neat 2