博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
UIKIT网页基本结构学习
阅读量:6116 次
发布时间:2019-06-21

本文共 1764 字,大约阅读时间需要 5 分钟。

没办法,哈哈,以后一段时间,如果公司没有招到合适的运维研发,

啥啥都要我一个人先顶上了~~~:)

也好,可以让人成长。

UIKIT,BOOTSTRAP之类的前端,搞一个是有好处的,我们以前即然是用了UIKIT,那我也跟上吧。

以前可以找到中文网站,找个BOTTON之类的,而现在,就从网页的大体结构入手吧。

嘿嘿,UIKIT的官网就是一个好的CASE哈。。

 

以下就是一个典型的大版标签:

<div class="tm-middle">

  <div class="uk-container uk-container-center">
    <div class="uk-grid" data-uk-grid-margin">
      <div class="tm-sidebar uk-width-medium-1-4 uk-hidden-small">

大约第一行,定义网站第一级元素。比如有NAV,TM-MIDDLE,TM-FOOTER之类。

第二行,定义容器及对齐规则。这个容器看来容量大哟,所以仅次于分类框架。

第三行,定义网格,这就到了比较具体的网格风格了,这个好像还有高度对齐的意思,不十分了解。。

第四行,定义10网格的分隔宽度。(1-4,3-4之类的)

 

那么,最后,我测试(抄的)如下:

 

 

转载地址:http://hrpka.baihongyu.com/

你可能感兴趣的文章
为调查儿童性虐事件,FBI在120个国家8000多名用户中实行钓鱼执法
查看>>
《Visual C++数字图像模式识别技术详解(第2版)》一3.6 实践知识拓展
查看>>
先导智能2016半年度业绩同比翻番 锂电与光伏设备双双高增长
查看>>
利用大数据打通政务信息孤岛
查看>>
一文详解分类问题中的维度灾难及解决办法
查看>>
企业微信来了,尽管“定位打卡”功能愁死个人,但它有可能逼死一个产业
查看>>
云服务器 ECS 建站教程:部署 LAMP (CentOS 7.2)
查看>>
从AAAI说起,吴恩达杨强细数中国AI热潮|AAAI 2017 观点
查看>>
挖掘下一个“现金牛” Facebook在组群功能中测试广告
查看>>
小心你的密码管理器 LastPass曝出安全漏洞
查看>>
315 曝光充电桩黑幕,还能不能好好充个电了?
查看>>
苹果为何变成了“诉讼狂魔”?
查看>>
2100万Gmail和500万雅虎账户在黑市公开售卖
查看>>
西班牙电信剥离网络架构资源设立Telxius公司
查看>>
交友网站数据库曝光了150万用户信息
查看>>
FAQ系列 | slow log中出现commit、binlog dump等奇怪的记录
查看>>
美国信息安全架构师的岗位职责和胜任资格
查看>>
111
查看>>
log4j2+flume+hadoop
查看>>
谨防过分依赖于有影响力的用户
查看>>