html – 实现列之间的框架边距

Materialize框架带有奇怪的布局(至少对我而言).我在列之间找不到任何余量.
这是我的代码：

And this is how it is look in browser.

列之间没有边距！

最佳答案

我建议你在列中使用一个单独的元素,例如.col-content：

JSFiddle

body {
    color: white;
}

.blue {
    background: blue;
}

.black {
    background: black;
}

njs.cloudflare.com/ajax/libs/materialize/0.97.5/css/materialize.min.css" rel="stylesheet"/>