发布于 2018-01-22 06:31:30 | 246 次阅读 | 评论: 0 | 来源: 网友投递
这里有新鲜出炉的Bootstrap v3教程,程序狗速度看过来!
Bootstrap Web前端CSS框架
Bootstrap是Twitter推出的一个开源的用于前端开发的工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范,它即是由动态CSS语言Less写成。Bootstrap一经推出后颇受欢迎,一直是GitHub上的热门开源项目,包括NASA的MSNBC(微软全国广播公司)的Breaking News都使用了该项目。
最近 Bootstrap 4 发布了,可能会给前端带来一波 Flex 布局的潮流,比起传统的布局 flex 确实方便强大许多。考虑到 IE 市场份额的严重萎缩,移动端的兴起,稍微有点正常人类情感(人性)的技术负责人都会鼓励使用 flex 。
Bootstrap 4.0 这个版本一直光打雷不下雨了很长时间,大家都以为它要难产了,随着 Semantic, LayUI, Vue 在国内的兴起, BS 3 已经日渐衰退,不知道这波发布能不能力挽狂澜,至少我个人还是比较看好 BS 的,比起 Semantic 的语义歧义化问题,BS 更加严谨一些,而 4 做了很多简化很改进,比如
<div class="row"> <div class="col"> Left </div> <div class="col"> Right </div> </div>
自动等比布局,非常方便。而不该客气的地方,它也绝不客气 .row .col .small 这些改占用就占用。比如某些框架会用:
<button class="ui-btn-primary">
加一个 ui- 前缀,类似命名空间,防止冲突,这样写起来会表啰嗦,代码里会出现成片的 ui-,这样又走向了另外一个极端。工程的目的是为了正确、快速完成项目,在这方面 BS 还是把握的比较好。
Xiuno BBS 4.0 跟踪 Bootstrap 4 这个版本也很久了,从 alpha 3,4,5,6,跟踪到 beta 1,2,3,最后终于出来了,这也算是 Bootstrap 4.0 在国内开源的一次比较典型的应用。
Xiuno BBS 出来也有些年头了,因为 3.0 以后改动比较大,一直没定型流失了不少开发者,4.0 这次定稿发布有可能会带来一波新的插件开发和模板制作潮流。
这次改动并不大,主要是代码定型,方便二次开发。
主要的变化有:
一、代码风格定型:
对于底层的 DB CACHE API 采用 OO 方式封装,上层使用函数方式调用,简化了使用方式,方便新人平滑进入。
<?php include "./xiunophp/xiunophp.min.php"; include "./model/user.func.php"; // 读取一个用户资料 $user = user_read(123); // 更新一条用户资料 $r = user_update($uid, array('email'=>'xxx@gmail.com')); // 删除一个用户 $r = user_delete($uid); // 创建一个用户 $r = user_create(array('uid'=>1, 'gid'=>1, 'email'=>'xxx@gmail.com')); // 查找一批用户 $userlist = user_find_by_gid($gid); ?>
二、产品形态定型:轻论坛,界面自适应 PC,平板,手机
三、插件增强:支持收费插件
TAG 插件支持多维复选,并且可以设置默认、强制,颜色:
正式版同步还上线了几套模板,更多的特性,留给大家自己发掘吧。