Ger*_*ndo 13
使用Angular Material的主要原因是因为它基于Flexible Box Layout规范,是W3C标准的Flexible Box.
bootstrap容器的close标签可以是: <div layout="row" layout-wrap></div>
Mik*_*ird 10
Angular Material Design没有与Bootstrap容器完全等效,因为Material Design(AMD)更灵活.一个容器有8个部分.AMD具有布局和flex属性.AMD的弹性可以增加5%(BS中的20个部分)或33和66(2个部分)或5%,33%和66%的组合,可以超过100%(大多数任何部分)在这种情况下,会自动创建多个行.到目前为止,我找到的带有示例的最佳单页是https://material.angularjs.org/#/layout/grid 单击每个示例上方的Source框以获取有关AMD的HTML布局和语法的更多细节柔性.
通过子对齐可以进一步提高灵活性,它可以控制每个div在水平和垂直之间的间距.单击该页面上的单选按钮,以查看div如何居中,展开或推到一端,或者提升到顶部等.
显示的HTML语法将在设置大小的页面上工作.如果您希望相应的媒体查询更改不同设备的大小,您可以进行一些编码来制作角度控制器.查看各种组件的DEMOS示例以获得想法.
| 归档时间： |
|
| 查看次数： |
11678 次 |
| 最近记录： |