简体   繁体   English

Material Design Lite 布局类似于 Google 支持网页

[英]Material Design Lite Layout similar to Google Support webpage

Is there an existing Material Design Lite template that provides a rendering similar to Google Developer Console Help?是否有现有的 Material Design Lite 模板可以提供类似于 Google Developer Console 帮助的渲染?

在此处输入图片说明

You'd do best to learn the Materials Grid, and check out some of the individual components.您最好学习材料网格,并查看一些单独的组件。 Everything else will flow from there.其他一切都会从那里流出。

The example you have should work fine.您拥有的示例应该可以正常工作。 Just adjust the columns to allow for your sidebar.只需调整列以允许您的侧边栏。 See Layouts查看布局

The primary content can be housed in a card, which will provide all the spacing and margin you are looking for, as well as have a configurable shadow (eg mdl-shadow--2dp ) See Cards主要内容可以放在一张卡片中,它将提供您正在寻找的所有间距和边距,以及一个可配置的阴影(例如mdl-shadow--2dp )参见卡片

You can compare against the Text-Heavy Webpage Template for how to nest elements within cards.您可以与Text-Heavy 网页模板比较,了解如何在卡片中嵌套元素。

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM