问题标签 [metro-ui-css]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
215 浏览

css - How to achieve a metro style in web

I'm not really a designer so I used css framework. And I find MetroUI V3 (I love metro style) a great tool but I can only follow their templates or examples shown and apply it to my project. Im not that really creative.

And somehow, I want to mimic this design (see attached) because I want to display a collection of items, but since I don't have any images, I want to use tiles that could fit in and only put initials and some details on the side.

Can this be done using Metro UI V3?

This image is not mine. reference Reference for list

What I have so far. (I know, its not that much) I want to show more details in the list though.

enter image description here

Any suggestion for the design would be greatly appreciated. Thanks

0 投票
1 回答
200 浏览

jquery - 如何使用 Metro UI CSS 保存可拖动位置?

使用 Metro UI CSS 创建可拖动对象非常简单:

最终用户像这样拖动元素很有趣,如果我可以保存可拖动的位置(被拖动后)以供用户下次访问,那就更好了。那么我该怎么做呢?

0 投票
1 回答
609 浏览

metro-ui-css - 如何使用 Metro ui CSS 侧边栏和紧凑类

我在使用侧边栏和紧凑类时遇到问题。在这个 ul 中,我想显示内容的图像,而不是它们的文本。文本将仅在鼠标悬停时出现。

0 投票
1 回答
83 浏览

html - 连接 Metro CSS 和 Jade

我在jade中有一个html代码,但我发现很难理解body属性是如何从css中的jade中设置的。我在 css 文件中看不到任何正文标签。

我的html(玉)

body.metro.vcca指的是什么?我应该在 css 文件中的哪里查找以了解 body 标签的属性?我需要改变身体的背景颜色。我怎样才能做到这一点?h2.font1.fg-white 是什么意思?我在哪里可以找到它?

提前致谢

0 投票
1 回答
168 浏览

html - 如何将 Metro CSS 与 Codeigniter 一起使用?

我正在使用代码点火器创建一个预订网站,但我遇到了问题,因为我想使用 Metro CSS 而不是引导程序。我怎样才能做到这一点?提前致谢。:) 我想知道代码点火器是否可以使用 Metro CSS。请帮我。我会很感激的。谢谢。

0 投票
0 回答
282 浏览

microsoft-metro - 应用程序栏与 Metro UI CSS 中的其他菜单一起使用

在 Metro UI CSS 中,除了 app-bar-menu 之外,我可以在 app-bar 中使用其他菜单(水平、垂直、M-Menu 等)吗?

该文档没有给出混合它们的示例,当我尝试它们时它们的行为不正确:

在 app-bar-menu 中,菜单在移动设备中堆叠在一列中,但在使用其他菜单时不会。

0 投票
0 回答
243 浏览

asp.net - 将 Metro ui CSS 中的验证表单与 MVC5 中的数据注释连接起来

我的应用程序中的验证几乎没有问题。

我使用metro ui css,我想将metro ui中的验证与表单提交时来自数据注释的消息连接起来。

在我的模型中,我有带有属性 [必需] 的字段名称:

在视图中,我创建了验证表单并输入:

当我在空名称字段上单击我的表单提交时,我有空提示。我想使用来自数据注释的消息添加到我的提示中。我能怎么做 ?

0 投票
1 回答
954 浏览

css - 如何更改 Metro ui 中输入控件的大小?

如何在 Metro UI Framework 中控制输入的大小?我猜 Bootstrap 有类 form-group-sm,但是 MetroUI 有类似的东西吗?

0 投票
1 回答
1368 浏览

drop-down-menu - 可悬停的 Metro UI 下拉菜单

我正在使用来自https://metroui.org.ua/v2/的 Metro UI CSS 2.0并使用菜单栏。现在我想让下拉菜单在悬停时自动(现在它只是在点击时下拉)。我阅读了手册,但不能适用于此。
我怎样才能使它可以悬停?
这是头:

这是身体:

0 投票
1 回答
594 浏览

jquery - Metro ui css 响应式

我正在使用 Metro UI css 制作网站;能够创建图块区域并指定单个图块,但我遇到了一个问题,使其对移动设备做出响应,因为一些图块在使用较小的设备时会从屏幕延伸。

到目前为止,这是我的代码

和页面的css

什么是让它响应的方法,所以假设我减小了我的计算机屏幕尺寸或使它对移动设备响应,那么屏幕可以滚动。我在这里先向您的帮助表示感谢。