前阵子看到一个类似bootstrap的前端ui框架，好奇心驱使下，去琢磨了一些，最终决定网站改版用这个ui试试效果：
首页+头部：
投稿页：
立即学习“前端免费学习笔记（深入）”；
现成拷贝过来的评论列表：
总结：
上手难度：
（熟悉bootstrap）：★
（不熟悉bootstrap）：★★★
优点：
一、很多组件都能直接用，常用组件基本都有了，比较适用于快速开发；
二、官网文档挺详细的，新手入手的话基本没什么压力；
三、样式比较好看（不知道是不是看多了bootstrap的效果了，就觉得这个UI比bootstrap好看）
不足：
一、这个UI很多都是参考bootstrap，很多功能可以说还没真正的开发好，有些js插件还有待完善，比如说弹出框部分，没法用js自由调用；
二、样式重写方面， 如果你不喜欢他原来的样式，比如说改成自己的颜色尺寸之类的，你在他们的组件上加自己的css类貌似是无效的（我的就遇到这样的，不知道是不是我哪写的不对？），这时候我是用这样的办法解决的：
1、找到原框架的css样式，改成自己喜欢的样式；
2、在html标签上直接写样式（貌似这个写法不是很推荐，但也是无奈之举）。
三、在处理异步结果的时候，改变html会无效，比如说下拉框内容会弹不出来（图1效果），这时候我选择用刷新页面解决（我发现这个问题是在做登陆功能的时候），ajax登陆成功后就执行刷新页面，不然按钮变成下拉框就没有下拉了o(╯□╰)o
四、弹出效果不如bootstrap好看
总之，多学个框架总是好的，现在改版基本完成了想看具体效果的可以去看看www.weixh.net
HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
665
收藏
