简体   繁体   English

角度4 +角度材料2 +角度可弯曲布局?

[英]Angular 4 + angular material 2 + angular flex-layout?

I'm kinda new in visual design. 我在视觉设计上有点新。 I'm using now angular 4 with material 2 module and with bootstrap for grid system. 我现在使用带有材质2模块和网格系统的自举程序的angular 4。 After all I realized that's not good enough (I started to don't like that's container sizes for 21:9 aspect ratio for example) 毕竟我意识到这还不够好(例如,我开始不喜欢长宽比为21:9的容器大小)
After all I found angular flex-layout module is the recommended for this setup. 毕竟,我发现此设置推荐使用角度弯曲布局模块。 But I don't find a container like element in there, what should center the main content in the view and give a responsive element width to it. 但是我没有在其中找到像元素这样的容器,应该在视图中将主要内容居中并为它提供响应元素宽度。
What is the preferred method to set up a container with this setup whats like the bootstraps 'container' class? 用这种设置来设置容器的首选方法是什么,就像引导程序的'container'类一样?

For centering, I was using fxLayoutAlign="center center" . 为了居中,我使用了fxLayoutAlign="center center" Here's an code sample from my app: https://github.com/Farata/angulartypescript/blob/master/chapter5/ng-auction/src/app/app.component.html 这是我的应用程序中的代码示例: https : //github.com/Farata/angulartypescript/blob/master/chapter5/ng-auction/src/app/app.component.html

Here's the docs: https://github.com/angular/flex-layout/wiki/Implementation 这是文档: https : //github.com/angular/flex-layout/wiki/Implementation

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

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