FineUI 官方论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

本论坛已关闭(禁止注册、发帖和回复)
请移步 三石和他的朋友们

FineUI首页 WebForms - MVC & Core - JavaScript 常见问题 - QQ群 - 十周年征文活动

FineUI(开源版) 下载源代码 - 下载空项目 - 获取ExtJS - 文档 在线示例 - 版本更新 - 捐赠作者 - 教程

升级到 ASP.NET Core 3.1,快、快、快! 全新ASP.NET Core,比WebForms还简单! 欢迎加入【三石和他的朋友们】(基础版下载)

搜索
查看: 16446|回复: 10
打印 上一主题 下一主题

【愚人节快乐】拥抱Bootstrap,FineUI新版效果超炫!

[复制链接]
跳转到指定楼层
楼主
发表于 2017-3-31 20:29:49 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
鉴于 Bootstrap 备受欢迎,我们决定用 Bootstrap 完全替换掉 jQuery,得到了更加漂亮的界面,先睹为快:













注:网页背景图片来自百度网盘,版权归百度所有!



























































































三石祝大家愚人节快乐!




本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
推荐
发表于 2017-3-31 21:43:34 | 只看该作者
拖出去…………把石三兄让凤姐虐待。
沙发
 楼主| 发表于 2017-3-31 21:12:50 | 只看该作者
祝大家愚人节快乐!!



声明:
Bootstrap 是 CSS 框架,jQuery 是 JavaScript 库,两个不是一个类型的东西,无法替换!

并且 Bootstrap 的 JS 组件也是基于 jQuery 的, 所以 FineUI 和 Bootstrap 都不可能放弃 jQuery 的!


不过这些截图是真实的,下个版本我们会支持类似的自定义主题,为客户提供更好的UI体验。






虽然 Bootstrap 的界面比较漂亮,但是千万不要迷信 Bootstrap 和他所宣扬的响应式布局,说白了 Bootstrap 就是一个 CSS 框架,你可以完全不用 Bootstrap 做出类似的效果,这就是新版 FineUIMvc 和 FineUIPro 尝试做的事情,上面的图片为证。

关于响应式布局的思考:
不要迷信响应式布局,他只能解决一类问题,主要用于展示性的界面,内容少,空白多,类似公司的主页,想在大屏幕上显示又想在手机上展示,说白了就是根据不同的屏幕宽度应用不同的CSS样式而已。

而这个响应式布局并不适合管理系统,你可以想象一个20列的表格又如何在手机上展示呢?

其实最近很热的CSS3特性 flexbox 更适合于管理系统的展示,他提供了一个灵活的可伸缩的布局,比响应式布局要高级的多,如果把响应式布局看做是3级变速箱的话,flexbox就是无极变速箱,美中不足的是并非所有浏览器都支持。

幸运的是我们有FineUI,其中的HBox和VBox就能实现flexbox的效果,而且更加灵活可配置。有时我们太注重舆论和媒体的导向,而忽略了你最终要实现的功能。远在天边,仅在眼前,幸福就在当下。

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
板凳
发表于 2017-3-31 21:16:35 | 只看该作者
呵呵,三石你又调皮了
5#
发表于 2017-3-31 21:46:13 | 只看该作者
pacocai 发表于 2017-3-31 21:43
拖出去…………把石三兄让凤姐虐待。

我顶上去,我支持
7#
发表于 2017-3-31 22:40:18 | 只看该作者
bootstrap用的还是挺多的,所以肯定支持撒
8#
发表于 2017-4-1 09:19:04 | 只看该作者
来人啊,给我绑起来。  准备生火
10#
发表于 2017-4-1 10:31:29 | 只看该作者
小三,你好淘气
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|FineUI 官方论坛 ( 皖ICP备2021006167号-1 )

GMT+8, 2024-11-22 16:52 , Processed in 0.052904 second(s), 23 queries , Gzip On.

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表