基于Semantic-UI Grid的页面布局:无法移除排水沟

我正在创建一个Web应用程序semantic-ui.我正在尝试创建一个具有侧边栏和主要内容区域的布局.起初,我认为使用网格是可行的方法,除了它们会导致一些问题:

列和行之间将有额外的间距/排水沟

"移除"排水沟的唯一方法是使用类似的方式设置列颜色

,但这会导致列与其他内容重叠

如此看来,电网不创建页面布局的最佳工具,虽然他们提供的功能,这使得他们对页面布局有用(如定义截面尺寸; four wide column,ten wide column等)

使用Semantic-UI布局Web应用程序的推荐方法是什么,例如简单的侧边栏和主要内容列？