发布于 2018-01-22 14:31:30 | 50 次阅读 | 评论: 0 | 来源: 网友投递

这里有新鲜出炉的Bootstrap入门,程序狗速度看过来!

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'=>'[email protected]'));     // 删除一个用户  $r = user_delete($uid);     // 创建一个用户  $r = user_create(array('uid'=>1, 'gid'=>1, 'email'=>'[email protected]'));     // 查找一批用户  $userlist = user_find_by_gid($gid);     ?>

二、产品形态定型:轻论坛,界面自适应 PC,平板,手机

三、插件增强:支持收费插件

TAG 插件支持多维复选,并且可以设置默认、强制,颜色:

正式版同步还上线了几套模板,更多的特性,留给大家自己发掘吧。



历史版本 :
前端采用 Bootstrap 4 开发的 Xiuno BBS 4.0 正式版发布
Bootstrap 4 正式发布!带来新的示例和新的主题
Bootstrap v4.0.0-beta.3 发布,Web 前端 UI 框架
Bootstrap v4.0.0-beta.2 发布,Web 前端 UI 框架
时隔 7 个月,Bootstrap 4 首个 Beta 版终于发布
Bootstrap v4.0.0-alpha.6 发布,最后一个 alpha 版
Bootstrap v4.0.0-alpha.5 发布,大量更新
Bootstrap v4.0.0-alpha.4 发布
Bootstrap v4.0.0-alpha.3 发布,改进网格系统
Bootstrap 3.3.7 发布,支持 jQuery 3
Bootstrap DatePicker 1.6.1 发布
Bootstrap 4.0.0-alpha.2 发布
最新网友评论  共有(0)条评论 发布评论 返回顶部
月排行榜

Copyright © 2007-2017 PHPERZ.COM All Rights Reserved   冀ICP备14009818号  版权声明  服务