html – Materialise CSS框架是否具有“容器流体”等价物？

概述我正在为朋友乐队创建一个网站,我认为这是学习新的移动第一框架的好时机. 我看到乐队正在做的最重要的事情之一是添加全宽图像(example),我记得在Bootstrap中阅读有关全宽行的this article,并搜索了Materialize’s网格文档,但无济于事. 我需要的是一种创建这个“全宽”行的方法,理想情况下不会破坏响应性.根据我的理解,Bootstrap使用padding& “容器流体” 我正在为朋友乐队创建一个网站,我认为这是学习新的移动第一框架的好时机.

我看到乐队正在做的最重要的事情之一是添加全宽图像(example),我记得在bootstrap中阅读有关全宽行的this article,并搜索了Materialize’s网格文档,但无济于事.

我需要的是一种创建这个“全宽”行的方法,理想情况下不会破坏响应性.根据我的理解,bootstrap使用padding& “容器流体”中的边距(例如,宽度：100％;,填充：0;边距：-15px;,我相信身体有一个边距：15px;填充：15px;),这很容易允许全宽行,但Materiallize没有.任何帮助将不胜感激,我的设计技巧不是最好的！

解决方法 你也可以这样做

.container{            wIDth: 100%;            max-wIDth:initial;            > .row{                margin: 0;                > .col{                    padding: 0;                }            }        }

在你的sCSS中.

这是一个例子：

<link href="https://cdnjs.cloudflare.com/AJAX/libs/materialize/0.99.0/CSS/materialize.min.CSS" rel="stylesheet"/><style>.col {  background-color: tomato;}.yellow {  background-color: yellow;}.blue {  background-color: blue;}.container {  wIDth: 100%;  max-wIDth:initial;}.container > .row {  margin: 0;}.container > .row > .col {  padding: 0;}</style><div >  <div >    <div >      This div is 12-columns wIDe on all screen sizes    </div>    <div >6-columns (one-half)</div>    <div >6-columns (one-half)</div>  </div>  <div >    <div >      This div is 12-columns wIDe on all screen sizes    </div>     </div></div>

总结

以上是内存溢出为你收集整理的html – Materialise CSS框架是否具有“容器流体”等价物？全部内容，希望文章能够帮你解决html – Materialise CSS框架是否具有“容器流体”等价物？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。